/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/


@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@100..900&display=swap');


$default-font-size: 1.66rem;
$radius:3px;
$chbx_size: 1.72rem;
$tt: .2s;
$tt_toggle: .4s;
$maxwidth:100%;
//Colors

$color-white:#fff;
$light-gray:#f7f7f7;
$light-gray-2:#eee;
$light-gray-3:#ddd;
$light-gray-4:#e9e9e9;
$grayc:#ccc;
$dark-gray:#333;
$extra-dark:#101010;
$dark-box:#1b1c21;
$mid-gray:#282525;
$jtsi-red:#B61F24;
$jtsi-red-2:#b40000;
$jtsi-red-3:#da0000;
$hoverred:#ea4234;
$jtsi-blue:#a6b1e1;
$jtsi-blue-2:#4853b3;
$color-gold:#ffa800;
$color-gold-2:#f5f2d0;
$color-green:#25c058;
$color-blue:#367fe5;
$color-black:#000000;
$logo-blue:#0a2a70;
$pink:#fff3f3;
$newblue:#3f85f5;
$newgreen:#2daa4f;
$newyellow:#febd01;
$newred:#ea4235;
$aqua:#c6e8cf;

$quick1:#e5f1ff;
$quick2:#fff4de;
$quick3:#dcf7fe;
$quick4:#ffdedd;


// Gradients
$redmix:linear-gradient(315deg, #3f0d12 0%, #a71d31 74%);
$bluemix:linear-gradient(to right bottom, $jtsi-blue, $jtsi-blue-2);
$gold-bg:linear-gradient(to right bottom, #b27119, #e1c55d, #c18c2e);
$gold-bg-2:linear-gradient(to right top, #b27119, #e1c55d, #c18c2e);
$quickblue:linear-gradient(102deg, #000 15.23%, #000080 112.11%);


// Borders

$commonBorder:1px solid $light-gray-3;

//Hamburger

$bar-width: 3.1rem;
$bar-height: .31rem;
$bar-spacing: .82rem;

$bold:700;
$semibold:600;
$midbold:500;
$trans:all .3s ease;


* {
  margin: 0;
  padding: 0;
}
*::selection {
  background-color: #ea4234;
  color: #fff;
}

*,
*::after,
*::before {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: 62.5%;
  scroll-behavior: smooth;
  /*@include respond(mid-desktop) { */
  /*@include respond(tab-land) { */
  /*@include respond(big-desktop) {*/
}
@media (max-width: 991px) {
  html {
    font-size: 55.25%;
  }
}
@media (max-width: 1024x) {
  html {
    font-size: 56.25%;
  }
}
@media (max-width: 1200px) {
  html {
    font-size: 75%;
  }
}

body {
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  font-size: 1.66rem;
 font-family: 'SuisseIntl-Regular', sans-serif;
  caret-color: #ea4234;
  overflow-x: hidden;
}


h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 1px;
}

button {
  transition: all 0.3s ease;
}

.btn {
  border-radius: 3px;
  border: none;
  outline: none;
  display: inline-flex;
  font-size: 1.2rem;
  transition: all 0.3s ease;
}
.btn,
.btn:link,
.btn:visited {
  text-decoration: none;
}
.btn:hover,
.btn:focus {
  outline: none;
  background-color: #4853b3;
}
.btn-lg {
  padding: 0.91rem 2rem;
  font-size: 1.6rem;
}
.btn-primary {
  background-color: #ea4234;
  color: #fff;
  border: none;
}
.btn-info {
  background-color: #4853b3;
  color: #fff;
  border: none;
}
.btn-md {
  padding: 0.7rem 1.5rem;
  font-size: 1.4rem;
}

.btn-lg {
  font-size: 1.66rem;
}

.inlinelink {
  color: #1b1c21;
  font-weight: 600;
}
.inlinelink:link,
.inlinelink:visited {
  text-decoration: none;
}
.inlinelink:hover {
  color: #ea4234;
}

.red_color {
  color: #ea4234;
}

.modal-content {
  border: none;
}

.modal .btn-close {
  opacity: 1;
  background-color: #fff;
  mix-blend-mode: screen;
}
.modal .btn-close:hover,
.modal .btn-close:focus {
  outline: none;
  opacity: 0.5;
}

.modal-header {
  background-color: #ea4234;
  display: flex;
  flex: 1;
  align-items: center;
  color: #fff;
}
.modal-header h3 {
  color: #fff;
  font-size: 2.2rem;
}
.modal-header h4 {
  color: #fff;
  font-size: 1.6rem;
}

.modal .close {
  outline: none;
  padding: 0.6rem;
  background-color: #fff;
  opacity: 0.9;
  height: 100%;
  margin-left: auto;
  margin-right: 0.3rem;
}
.modal .close:hover {
  opacity: 1;
}

.modal#forgetModal .modal-content {
  padding: 1.66rem;
}
.modal#forgetModal .modal-content .modal-header {
  background-color: #fff;
  border: none;
}
.modal#forgetModal .modal-content .modal-header h3 {
  color: #4853b3;
}
.modal#forgetModal .modal-content .modal-header .btn-close {
  background-color: #ffa800;
  mix-blend-mode: difference;
}
.modal#forgetModal .modal-content .formGroup {
  margin-bottom: 2rem;
}
.modal#forgetModal .modal-content .formGroup input {
  padding: 1rem;
}
.modal#forgetModal .modal-content .formGroup p {
  font-size: 1.66rem;
  margin-bottom: 1rem;
}

.form-control {
  font-size: 1.66rem;
  border-radius: 0;
}

.grayBg {
  background-color: #eee;
}

.redBg {
  background-color: #ea4234;
}

.greenBg {
  background-color: #25c058;
}

.blueBg {
  background-color: #367fe5;
}

.yellowBg {
  background-color: #ffa800;
}

.darkBg {
  background-color: #282525;
}

.whiteBg {
  background-color: #fff;
}

.bgColor {
  background-color: rgba(234, 66, 52, 0.21);
}

.bgColorblue {
  background-color: rgba(63, 133, 245, 0.1);
}

.bgColorgold {
  background-color: rgba(255, 168, 0, 0.18);
}

.newBg {
  background-color: #ea4234;
}

.clipOne {
  margin-top: -5.5rem;
  clip-path: polygon(100% 93%, 50% 100%, 0 93%, 0 0, 50% 7%, 100% 0);
  padding: 10rem 0;
}

.whitePanel {
  padding: 3rem;
  background-color: rgba(255, 255, 255, 0.91);
  margin: 5rem 0;
}
.whitePanel h3 {
  font-size: 3.5rem;
  font-weight: 300;
  color: #ea4234;
  margin-bottom: 1.5rem;
}

.boldTxt {
  font-weight: 700;
}

.semiTxt {
  font-weight: 600;
}

.normalTxt {
  font-weight: 400 !important;
}

.betatag {
  margin-left: 1.5rem;
  padding: 0.11rem 0.33rem;
  border-radius: 3px;
  pointer-events: none;
}
.betatag:hover,
.betatag:focus {
  color: #fff;
}

.commonUl {
  list-style: none;
  margin: 0;
  padding: 0;
}
.commonUl li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0.5rem;
}
.commonUl li::before {
  content: " \2022";
  position: absolute;
  color: #ea4234;
  font-size: 3.5rem;
  left: 0;
  top: -1.5rem;
}
.commonUl li ul li::before {
  color: #4853b3;
}
.commonUl.colThree {
  display: grid;
  grid-column-gap: 2rem;
  grid-template-columns: repeat(3, 1fr);
  /*        @include respond(medium-tab) {*/
}
@media (max-width: 1024px) {
  .commonUl.colThree {
    grid-template-columns: 1fr;
  }
}
.commonUl.colTwo {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 2rem;
  /*        @include respond(medium-tab) {*/
}
@media (max-width: 1024px) {
  .commonUl.colTwo {
    grid-template-columns: 1fr;
  }
}
.commonUl.spacer li {
  margin-top: 1.1rem;
}
.commonUl ul {
  list-style: none;
}

.tickUl {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tickUl li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0.5rem;
}
.tickUl li::before {
  content: " \2713";
  position: absolute;
  color: #ea4234;
  font-weight: 700;
  left: 0;
}
.tickUl li ul li::before {
  color: #4853b3;
}
.tickUl ul {
  list-style: none;
}

.sec_title_01 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex: 1;
  padding-bottom: 0.5rem;
  /* padding-bottom: 2rem; */
}
.sec_title_01 h2 {
  font-size: 4rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #ea4234;
}
.sec_title_01 h4 {
  font-weight: 600;
  font-size: 1.66rem;
  color: #101010;
  text-transform: capitalize;
}

.subtitles_one {
  font-weight: 600;
  font-size: 2rem;
  margin-bottom: 2rem;
  color: #ea4234;
  text-transform: capitalize;
}
.subtitles_one span {
  border-bottom: 1px solid #fff;
  padding-bottom: 1rem;
  display: inline-block;
}

.subtitles_two {
  font-weight: 600;
  font-size: 2rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  color: #ea4234;
  text-transform: capitalize;
}
.subtitles_two span {
  border-bottom: 1px solid #fff;
  padding-bottom: 1rem;
  display: inline-block;
}

.subtitles_three {
  font-weight: 600;
  font-size: 1.66rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  color: #ea4234;
  text-transform: capitalize;
}
.subtitles_three span {
  border-bottom: 1px solid #fff;
  padding-bottom: 1rem;
  display: inline-block;
}

.small_title {
  font-weight: 600;
  font-size: 1.66rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  color: #101010;
  text-transform: capitalize;
}

.dropDownBox {
  padding: 1rem;
  position: absolute;
  top: 89%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f7f7f7;
  margin-top: 0;
  grid-column-gap: 1.5rem;
  grid-row-gap: 0.73rem;
  box-shadow: 0.5rem 0.5rem 1rem rgba(16, 16, 16, 0.2);
  display: none;
  animation: menumotion 0.5s ease-out;
  width: max-content;
  z-index: 1000;
  /*    @include respond(tab-land) { */
}
@media (max-width: 1024px) {
  .dropDownBox {
    position: static !important;
    width: calc(100vw - 5rem);
    box-shadow: none;
    padding: 0.5rem 1rem;
    animation: none;
    left: 0;
    transform: translateX(0);
  }
}
.dropDownBox.threeColumn {
  grid-template-columns: 1fr;
  /*      @include respond(tab-land) { */
}
.dropDownBox.threeColumn h4 {
  margin-top: 0.5rem !important;
}
@media (max-width: 1024px) {
  .dropDownBox.threeColumn {
    grid-template-columns: 1fr !important;
    padding: 0 1rem;
  }
}
.dropDownBox.largeColumn {
  grid-template-columns: repeat(4, auto) !important;
  grid-auto-flow: dense;
  column-gap: 3rem;
  /*      @include respond(tab-land) { */
}
@media (max-width: 1024px) {
  .dropDownBox.largeColumn {
    grid-template-columns: 1fr !important;
    padding: 0 1rem;
  }
}
.dropDownBox.xtralargeColumn {
  grid-template-columns: repeat(5, auto) !important;
  grid-auto-flow: dense;
  column-gap: 3rem;
  /*      @include respond(tab-land) { */
}
@media (max-width: 1024px) {
  .dropDownBox.xtralargeColumn {
    grid-template-columns: 1fr !important;
    padding: 0 1rem;
  }
}
.dropDownBox .division h4 {
  color: #1b1c21;
  font-weight: 700;
  font-size: 1.66rem;
  padding-bottom: 0.5rem;
  margin-top: 1.5rem;
  text-transform: uppercase;
}
.dropDownBox .division h4 a:link,
.dropDownBox .division h4 a:visited {
  color: #1b1c21;
  font-weight: 700 !important;
}
.dropDownBox ul {
  margin: 0;
  padding: 0;
}
.dropDownBox ul li {
  margin-bottom: 0.5rem;
}
.dropDownBox a {
  color: #1b1c21 !important;
  padding: 0 !important;
  font-size: 1.5rem;
  display: flex;
  text-transform: unset !important;
  font-weight: normal !important;
}
.dropDownBox a.bold {
  color: #101010 !important;
  font-weight: 700 !important;
}
.dropDownBox a.bold:hover {
  color: #ea4234 !important;
  opacity: 0.8;
}
.dropDownBox a::after {
  display: none;
}
.dropDownBox a:hover,
.dropDownBox a:focus {
  color: #ea4234 !important;
}

.userLogin {
  display: flex;
  border: none;
  background: none;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s ease;
  margin: 0 1rem;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 1.66rem;
  color: #fff;
  outline: none;
  letter-spacing: 0.66px;
}
.userLogin svg {
  fill: #fff;
  width: 1.6rem;
  height: 1.9rem;
  margin-left: 0.3rem;
  display: flex;
}

.userLogin:hover,
.userLogin:focus {
  outline: none;
  color: #ea4234;
  cursor: pointer;
}
.userLogin:hover svg,
.userLogin:focus svg {
  fill: #ea4234;
}

.solidBg .userLogin,
.quckcontactwarper .userLogin {
  color: #101010;
}
.solidBg .userLogin svg,
.quckcontactwarper .userLogin svg {
  fill: #101010;
}
.solidBg .userLogin:hover,
.solidBg .userLogin:focus,
.quckcontactwarper .userLogin:hover,
.quckcontactwarper .userLogin:focus {
  color: #ea4234;
}
.solidBg .userLogin:hover svg,
.solidBg .userLogin:focus svg,
.quckcontactwarper .userLogin:hover svg,
.quckcontactwarper .userLogin:focus svg {
  fill: #ea4234;
}

@media only screen and (max-width: 1024px){
  .userLogin {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 480px){
  .userLogin {
    font-size: 1rem;
  }
  .userLogin svg {
    width: 1.2rem;
    height: 1.2rem;
  }

}
@media only screen and (max-width: 395px){
  .userLogin {
    font-size: 0.6rem;
  }
  .userLogin svg{
    width: 1rem;
    height: 1rem;
  }
}

.social {
  display: flex;
  margin-top: 1.5rem;
}
.social a {
  display: flex;
  width: 3.7rem;
  height: 3.7rem;
  margin-right: 0.3rem;
  align-items: center;
}
.social a:link,
.social a:visited {
  outline: none;
}
.social a svg {
  fill: #f7f7f7;
  height: 2.5rem;
  width: 2.5rem;
}
.social a:hover svg,
.social a:focus svg {
  fill: #ea4234;
}

.italics {
  font-style: italic;
}

.owl-dots button {
  outline: none;
}

.bottomFive {
  padding: 2rem 0 5rem 0;
}

.commonPadding {
  padding: 6rem 0;
}

.topm5 {
  margin-top: 5rem;
}

.padd0 {
  padding: 0 !important;
}

.Tpadd0 {
  padding-top: 0 !important;
}

.Bpadd0 {
  padding-bottom: 0 !important;
}

.no-mb {
  margin-bottom: 0 !important;
}

.btn-danger {
  color: #fff;
  background-color: #ea4234;
  border-color: #ea4234;
}

.BpaddSmall {
  padding-bottom: 2rem !important;
}

.blackfont {
  color: #101010;
}

.whitefont {
  color: #fff;
}

.tab-content .commonUl {
  margin: 1.5rem 0;
}

.tabsection .nav-tabs .nav-item.show {
  background-color: #ea4234;
  color: #fff;
}

.tabsection .nav-tabs .nav-link {
  color: #ea4234;
  font-weight: 600;
}
.tabsection .nav-tabs .nav-link.active {
  background-color: #ea4234;
  color: #fff;
}

.popup-contact-success-message {
  margin-bottom: 18px;
}

.commonlinks {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
.commonlinks li a {
  display: flex;
  padding: 0.64rem 0;
  border-bottom: 1px solid #ddd;
  align-items: center;
}
.commonlinks li a:link,
.commonlinks li a:visited {
  text-decoration: none;
  color: #333;
}
.commonlinks li a:hover,
.commonlinks li a:focus {
  color: #ea4234;
}

.hilightstxt {
  margin: 0 auto;
  font-size: 1.66rem;
  text-align: center;
  max-width: 100rem;
}

.boxtitle {
  display: flex;
  justify-content: center;
  flex: 1;
  padding-bottom: 3rem;
  align-items: center;
  flex-direction: column;
}
.boxtitle h2 {
  padding: 1rem 2.5rem;
  background-color: #ea4234;
  color: #fff;
  font-size: 4rem;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 2rem;
  /*@include respond(phone) {*/
}
@media (max-width: 767px) {
  .boxtitle h2 {
    font-size: 3rem;
  }
}
.boxtitle h2 span {
  margin: -1rem 1rem;
  display: inline-flex;
  position: relative;
  background-color: #1b1c21;
  padding: 1rem;
}

.boxtitle_two {
  display: flex;
  justify-content: center;
  flex: 1;
  padding-bottom: 3rem;
}
.boxtitle_two h2 {
  padding: 0 3rem;
  background-color: #1b1c21;
  color: #fff;
  font-size: 4rem;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  line-height: 6rem;
  /*             @include respond(phone) {*/
}
.boxtitle_two h2::after,
.boxtitle_two h2::before {
  content: "";
  position: absolute;
  padding: 0.7rem;
  background-color: #ea4234;
  height: 100%;
}
.boxtitle_two h2::before {
  left: 0;
}
.boxtitle_two h2::after {
  right: 0;
}
@media (max-width: 767px) {
  .boxtitle_two h2 {
    font-size: 2.5rem;
  }
}
.boxtitle_two h3 {
  padding: 1rem 3rem;
  background-color: #1b1c21;
  color: #fff;
  font-size: 2.3rem;
  font-weight: 700;
  position: relative;
  /*            @include respond(phone) {*/
}
.boxtitle_two h3::after,
.boxtitle_two h3::before {
  content: "";
  position: absolute;
  padding: 0.7rem;
  background-color: #ea4234;
  height: 100%;
}
.boxtitle_two h3::before {
  left: 0;
  top: 0;
}
.boxtitle_two h3::after {
  right: 0;
  top: 0;
}
@media (max-width: 767px) {
  .boxtitle_two h3 {
    font-size: 2.5rem;
  }
}

.texttitle_one {
  display: flex;
  justify-content: center;
  flex: 1;
  padding-bottom: 3rem;
}
.texttitle_one h2 {
  color: #fff;
  font-size: 4rem;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  padding: 0 3rem;
  /*             @include respond(phone) {*/
}
.texttitle_one h2::after,
.texttitle_one h2::before {
  content: "";
  padding: 0.7rem;
  position: absolute;
  top: 38%;
}
.texttitle_one h2::before {
  left: 0;
  background-color: #ea4234;
}
.texttitle_one h2::after {
  right: 0;
  background-color: #fff;
}
.texttitle_one h2 span {
  color: #ea4234;
}
@media (max-width: 767px) {
  .texttitle_one h2 {
    font-size: 2.5rem;
  }
}

.texttitle_two {
  display: flex;
  justify-content: center;
  flex: 1;
  padding-bottom: 3rem;
}
.texttitle_two h2 {
  color: #1b1c21;
  font-size: 4rem;
  text-transform: capitalize;
  font-weight: 700;
  position: relative;
  padding: 0 3rem;
  text-align: center;
  /*             @include respond(phone) {*/
}
.texttitle_two h2::after,
.texttitle_two h2::before {
  content: "";
  padding: 0.7rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.texttitle_two h2::before {
  left: 0;
  background-color: #ea4234;
}
.texttitle_two h2::after {
  right: 0;
  background-color: #1b1c21;
}
.texttitle_two h2 span {
  color: #ea4234;
}
@media (max-width: 767px) {
  .texttitle_two h2 {
    font-size: 2.5rem;
  }
}

.findUs{
  display: flex;
}
.findUs svg {
  fill: #367fe5;
  width: 2rem;
  height: 2rem;
}
.findUs svg:hover {
  fill: #ea4234;
}

.findUs a {
  display: inline-flex;
  margin-right: 0.8rem;
  font-size: 2.2rem;
}

.ltsTalk .filltheForm .contactUs-forms .formclmn label {
  font-weight: 600;
}
.ltsTalk .filltheForm .contactUs-forms .formclmn textarea {
  max-height: 125px;
  width: 100%;
  border-color: rgba(16, 16, 16, 0.2);
}
.ltsTalk .filltheForm .contactUs-forms .sendbtn {
  background-color: #ea4234;
}
.ltsTalk .filltheForm .contactUs-forms .sendbtn:hover {
  background-color: #1b1c21;
}

/*@mixin round-button($baseColor:$hoverred, $hoverBaseColor:$hoverred) {
    background: $baseColor;
    border:4px solid $color-white;
    border-radius: $maxwidth;
    box-shadow: 0 -2px 0 3px darken($baseColor, 10%) inset, 0 5px 5px rgba(darken($baseColor, 40%), 0.17), 0 15px rgba($color-white, 0.25) inset;
    cursor: pointer;
    display: flex;
    height: 8rem;
    width: 8rem;
    font-size:$default-font-size;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: $color-white;
    line-height: normal;
    font-weight: $bold;
    transition: all .3s ease;
  
    span{display: flex;}
    
    &:hover,
    &:focus {
      background: $hoverBaseColor;
      outline: none;
      transform: translateY(2px);
      box-shadow: 0 -2px 0 3px darken($hoverBaseColor, 10%) inset, 0 5px 5px rgba(darken($hoverBaseColor, 40%), 0.17), 0 15px rgba($color-white, 0.32) inset;
     }
  }*/

  .buttn-red {
    background: #ea4234;
    border: 4px solid #fff;
    border-radius: 100%;
    box-shadow: 0 -2px 0 3px #d52516 inset, 0 5px 5px rgba(74, 13, 8, 0.17), 0 15px rgba(255, 255, 255, 0.25) inset;
    cursor: pointer;
    display: flex;
    height: 8rem;
    width: 8rem;
    font-size: 1.66rem;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    line-height: normal;
    font-weight: 700;
    transition: all 0.3s ease;
    position: fixed;
    right: 1.5rem;
    top: 10rem;
    z-index: 500;
}
.buttn-red:hover, .buttn-red:focus {
  background: #ea4234;
  outline: none;
  transform: translateY(2px);
  box-shadow: 0 -2px 0 3px #d52516 inset, 0 5px 5px rgba(74, 13, 8, 0.17), 0 15px rgba(255, 255, 255, 0.32) inset;
}
/* .buttn-red {
  position: fixed;
  right: 1.5rem;
  top: 10rem;
  z-index: 500;
  /*    @include respond(phone) {
} */
@media (max-width: 767px) {
  .buttn-red {
    top: 12.1rem;
  }
}

.brochureLink {
  display: flex;
  padding: 0.5rem 1rem;
  background-color: #ea4234;
  color: #fff;
  margin-bottom: 2rem;
  align-items: center;
  border-radius: 5px;
}
.brochureLink:link,
.brochureLink:visited {
  text-decoration: none;
}
.brochureLink:hover,
.brochureLink:focus {
  color: #fff;
  background-color: #1b1c21;
}
.brochureLink svg {
  fill: #fff;
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
}

.bulletpoints {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: column;
}
.bulletpoints li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1rem;
}
.bulletpoints li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 0.5rem;
  height: 1rem;
  background-color: #ea4234;
}
.bulletpoints li::after {
  content: "";
  position: absolute;
  top: 0.6rem;
  left: 0.5rem;
  width: 0.5rem;
  height: 1rem;
  background-color: #1b1c21;
  z-index: 1;
}

.mapouter {
  position: relative;
  height: 40rem;
  width: 100%;
}
.mapouter .gmap_canvas {
  overflow: hidden;
  background: none !important;
  height: 40rem;
  width: 100%;
}

.table > :not(caption) > * > * {
  padding: 1rem 0.7rem;
}

.fix-width {
  width: 12rem;
  max-width: 12rem;
  /*    @include respond(phone) {*/
}
@media (max-width: 767px) {
  .fix-width {
    width: auto;
    max-width: auto;
  }
}

section {
  scroll-margin-top: 5rem;
  overflow-x: hidden;
}
section.secgrid {
  display: grid;
}

.awardpoints {
  color: #fff;
  position: relative;
  padding-left: 2rem;
  transition: all 0.3s ease;
  display: grid;
  align-items: baseline; 
}
@media (max-width: 1024px) {
  .awardpoints {
    padding-left: 0.6rem !important;
  }
}
@media (max-width: 767px) {
  .awardpoints {
    padding-left: 0.1rem !important;
  }
}
@media (max-width: 375px) {
  .awardpoints {
    padding-left: 0rem !important;
  }
}
.awardpoints ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  align-items: center;
  line-height: 1.4;
  transform: translateY(-0.2rem);
}
.awardpoints ul li {
  position: relative;
  padding: 0;
  font-size: 0.99rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  letter-spacing: 0.66px;  
}
@media (max-width: 1024px){
  .awardpoints ul li {
    font-size: 0.7rem !important;
  }
}
@media (max-width: 480px) {
  .awardpoints ul li {
    font-size: 0.5rem !important;
    letter-spacing: normal;
    /* font-size: 0.75rem; */
  }
}
@media (max-width: 375px) {
  .awardpoints ul li {
    font-size: 0.5rem !important;    
  }
}
.awardpoints ul li i {
  color: #ea4234;
  margin-right: 0.66rem;
  /*                @include respond(xssd) { */
}
@media (max-width: 480px) {
  .awardpoints ul li i {
    margin-right: 0.33rem;
  }
}
.awardpoints ul li a {
  align-items: center;
  display: flex;
}
.awardpoints ul li a:link,
.awardpoints ul li a:visited {
  text-decoration: none;
  color: #fff;
}
.awardpoints ul li a:hover,
.awardpoints ul li a:focus,
.awardpoints ul li a:active {
  color: #ea4234;
}

.submitBrochure {
  display: flex;
  padding: 0.73rem 1rem;
  background-color: #ea4234;
  color: #fff;
  margin-bottom: 2rem;
  align-items: center;
  border-radius: 5px;
  outline: none;
  border: none;
}
.submitBrochure:link,
.submitBrochure:visited {
  text-decoration: none;
}
.submitBrochure:hover,
.submitBrochure:focus {
  color: #fff;
  background-color: #1b1c21;
  outline: none;
}
.submitBrochure svg {
  fill: #fff;
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
}

.mt1 {
  margin-top: 1rem;
}

.mobilebeta {
  font-size: 1rem;
  background-color: #febd01;
  display: none;
  position: fixed;
  z-index: 100;
  padding: 0 0.2rem;
  border-radius: 1px;
  /*    @include respond(phone) { */
}
@media (max-width: 767px) {
  .mobilebeta {
    display: inline-flex;
    top: 7rem;
    right: 2rem;
  }
}

.formgrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1.5rem;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .formgrid {
    grid-template-columns: 1fr;
  }
}

.promoheader {
  background-color: #333;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-top: 9.5rem;
  /*    @include respond(tab-land) { */
  /*    @include respond(phone) { */
}
@media (max-width: 1024px) {
  .promoheader {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .promoheader {
    padding-top: 7.5rem;
  }
}
.promoheader picture {
  background-color: #fff3f3;
  padding-top: 5rem;
  /*        @include respond(tab-land) { */
}
@media (max-width: 1024px) {
  .promoheader picture {
    padding: 0;
  }
}
.promoheader picture img {
  max-width: 100%;
  margin-bottom: -5rem;
  position: relative;
  /*            @include respond(tab-land) { */
}
@media (max-width: 1024px) {
  .promoheader picture img {
    margin: 0;
  }
}
.promoheader article {
  padding: 5.5rem;
  background-color: #fff3f3;
  display: grid;
  align-content: center;
  justify-items: left;
}
.promoheader article p {
  font-weight: 600;
  margin: 1.5rem 0;
}
.promoheader article h1 {
  font-size: 4rem;
  font-weight: 600;
  /*            @include respond(phone) { */
}
@media (max-width: 767px) {
  .promoheader article h1 {
    font-size: 2.8rem;
  }
}
.promoheader article h1 strong {
  display: block;
  /*                @include respond(phone) { */
}
@media (max-width: 767px) {
  .promoheader article h1 strong {
    display: inline;
  }
}
.promoheader article button {
  border-radius: 3px;
  border: none;
  outline: none;
  padding: 0.69rem 2rem;
  display: inline-flex;
  font-size: 1.66rem;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #ea4234;
  color: #fff;
}
.promoheader article button,
.promoheader article button:link,
.promoheader article button:visited {
  text-decoration: none;
}
.promoheader article button:hover,
.promoheader article button:focus {
  outline: none;
  background-color: #4853b3;
  box-shadow: none;
}

.prompoints {
  display: grid;
  padding: 10rem 0 5rem 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 4rem;
  /*    @include respond(tab-land) { */
}
@media (max-width: 1024px) {
  .prompoints {
    grid-template-columns: 1fr;
    padding: 5rem 0;
  }
}
.prompoints h4 {
  font-weight: 600;
  font-size: 1.9rem;
  margin-bottom: 2rem;
}
.prompoints .colorbloks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 3rem;
  list-style: none;
  margin: 2rem 0 0 0;
  padding: 0;
  /*        @include respond(sd) { */
}
@media (max-width: 575px) {
  .prompoints .colorbloks {
    grid-template-columns: 1fr;
  }
}
.prompoints .colorbloks li {
  display: flex;
  column-gap: 1.5rem;
  color: #fff;
  padding: 2rem;
  align-items: center;
  justify-content: space-between;
}
.prompoints .colorbloks li p {
  text-align: left;
  font-weight: 600;
  font-size: 1.7rem;
}
.prompoints .colorbloks li p strong {
  display: block;
  font-size: 2rem;
}
.prompoints .colorbloks li svg {
  fill: #fff;
  height: 6rem;
  width: 6rem;
}
.prompoints .colorbloks li:first-child {
  background-color: #ea4234;
}
.prompoints .colorbloks li:last-child {
  background-color: #367fe5;
}

.promoforms {
  display: grid;
  grid-template-columns: 1fr minmax(auto, 40rem);
  column-gap: 6rem;
  /*    @include respond(tab-land) { */
}
@media (max-width: 1024px) {
  .promoforms {
    grid-template-columns: 1fr;
  }
}
.promoforms article h5 {
  font-size: 1.66rem;
  font-weight: 600;
  margin-top: 2rem;
}
.promoforms article .promomedias {
  margin-top: 2rem;
  background-color: #fff;
  width: max-content;
  /*            @include respond(tab-land) { */
}
@media (max-width: 1024px) {
  .promoforms article .promomedias {
    width: 100%;
  }
}
.promoforms article .promomedias h6 {
  font-size: 1.66rem;
  font-weight: 600;
  color: #ea4234;
  margin-bottom: 0;
  padding: 1rem 2rem;
}
.promoforms article .promomedias ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  column-gap: 1px;
  background-color: #eee;
  /*                @include respond(tab-land) { */
}
@media (max-width: 1024px) {
  .promoforms article .promomedias ul {
    background-color: #fff;
  }
}
.promoforms article .promomedias ul li {
  padding: 2rem;
  background-color: #fff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.promoforms article .promomedias ul li a {
  display: inline-flex;
  transition: all 0.3s ease;
}
.promoforms article .promomedias ul li a:hover {
  transform: translateY(0.5rem);
}
.promoforms article .promomedias ul li:last-child {
  border-right: none;
}
.promoforms article .promomedias ul li img,
.promoforms article .promomedias ul li svg {
  width: 3rem;
  height: 3rem;
}
.promoforms .formbox .formboxcontent {
  padding: 2rem 2rem 0 2rem;
  background-color: #fff;
}
.promoforms .formbox .formboxcontent h3 {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 2rem;
}
.promoforms .formbox .formboxcontent label {
  font-weight: 600;
  display: flex;
  margin-bottom: 0.55rem;
}
.promoforms .formbox .formboxcontent input,
.promoforms .formbox .formboxcontent textarea {
  font-family: inherit;
  color: inherit;
  background-color: rgba(255, 255, 255, 0.91);
  border: none;
  border-bottom: 1px solid rgba(16, 16, 16, 0.2);
  transition: all 0.3s;
  padding: 0.37rem 0;
  width: 100%;
  margin-bottom: 1.5rem;
}
.promoforms .formbox .formboxcontent input:focus,
.promoforms .formbox .formboxcontent textarea:focus {
  outline: none;
  border-bottom: 1px solid #a6b1e1;
}
.promoforms .formbox .formboxcontent input:focus:invalid,
.promoforms .formbox .formboxcontent textarea:focus:invalid {
  border: 1px solid #da0000;
}
.promoforms .formbox .formboxcontent input::-webkit-input-placeholder,
.promoforms .formbox .formboxcontent input::placeholder,
.promoforms .formbox .formboxcontent textarea::-webkit-input-placeholder,
.promoforms .formbox .formboxcontent textarea::placeholder {
  font-size: 1rem;
}
.promoforms .formbox .formboxcontent input:disabled,
.promoforms .formbox .formboxcontent textarea:disabled {
  border-color: rgba(16, 16, 16, 0.1);
  color: #ddd;
}
.promoforms .formbox button {
  border: none;
  outline: none;
  padding: 0.88rem 2rem;
  display: flex;
  font-size: 1.66rem;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #ea4234;
  color: #fff;
  width: 100%;
  justify-content: center;
}
.promoforms .formbox button,
.promoforms .formbox button:link,
.promoforms .formbox button:visited {
  text-decoration: none;
}
.promoforms .formbox button:hover,
.promoforms .formbox button:focus {
  outline: none;
  background-color: #333;
  box-shadow: none;
}

.lefttitles h4 {
  text-transform: uppercase;
}

.lefttitles h2 {
  font-size: 3.3rem;
  margin-bottom: 2rem;
  /*        @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .lefttitles h2 {
    font-size: 2.8rem;
  }
}
.lefttitles h2 strong {
  color: #ea4234;
}

.pinkcolumns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 3rem;
  margin-top: 5rem;
  /*    @include respond(tab-land) { */
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .pinkcolumns {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 5rem;
  }
}
@media (max-width: 1024px) {
  .pinkcolumns {
    grid-template-columns: 1fr;
  }
}
.pinkcolumns .box {
  background-color: #fff3f3;
  padding: 1.5rem;
}
.pinkcolumns .box h4 {
  font-size: 1.9rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.pinkcolumns .box p {
  text-align: left;
}
.pinkcolumns .box a {
  display: flex;
  align-items: center;
  column-gap: 0.66rem;
  font-weight: 600;
  transition: all 0.3s ease;
}
.pinkcolumns .box a,
.pinkcolumns .box a:link,
.pinkcolumns .box a:visited {
  text-decoration: none;
  color: #333;
}
.pinkcolumns .box a:hover,
.pinkcolumns .box a:focus {
  outline: none;
  color: #367fe5;
  font-weight: 600;
  column-gap: 1rem;
}
.pinkcolumns .box a span {
  display: inline-flex;
  padding: 0.1rem;
  background-color: #ea4234;
}
.pinkcolumns .box a svg {
  width: 1.5rem;
  height: 1.5rem;
  stroke: #fff;
}
.pinkcolumns .box .icon {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  height: 8rem;
  width: 8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: -5rem;
  margin-bottom: 1.5rem;
}
.pinkcolumns .box .icon svg {
  width: 5rem;
  height: 5rem;
  fill: #ea4234;
}

.promobanner {
  margin-top: 5rem;
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 4rem;
  background-image: linear-gradient(to right, #fff, #fff, #c6e8cf);
  align-items: center;
  column-gap: 4rem;
  /*    @include respond(tab-port) { */
}
@media (max-width: 1024px) {
  .promobanner {
    grid-template-columns: 1fr;
    row-gap: 3rem;
  }
}
.promobanner h5 {
  font-weight: 600;
  font-size: 1.66rem;
}
.promobanner h3 {
  font-size: 3rem;
  font-weight: 700;
  color: #ea4234;
  margin-bottom: 1.5rem;
}
.promobanner article h2 {
  font-size: 3.5rem;
  font-weight: 700;
  /*            @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .promobanner article h2 {
    font-size: 2.8rem;
  }
}

.redbtns {
  border: none;
  outline: none;
  padding: 0.88rem 2rem;
  display: inline-flex;
  font-size: 1.66rem;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #ea4234;
  color: #fff;
  justify-content: center;
  min-width: 15rem;
}
.redbtns,
.redbtns:link,
.redbtns:visited {
  text-decoration: none;
}
.redbtns:hover,
.redbtns:focus {
  outline: none;
  background-color: #333;
  box-shadow: none;
  color: #fff;
}

.promopoints {
  display: grid;
  grid-template-columns: repeat(2, auto);
  column-gap: 6rem;
  /*        @include respond(tab-port) { */
}
@media (max-width: 1024px) {
  .promopoints {
    grid-template-columns: 1fr;
    row-gap: 3rem;
  }
}
.promopoints h2 {
  font-size: 3.7rem;
  font-weight: 700;
  /*            @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .promopoints h2 {
    font-size: 2.8rem;
  }
}
.promopoints a {
  margin-top: 1.5rem;
}
.promopoints picture {
  position: relative;
  padding: 0 4rem;
}
.promopoints picture::before {
  content: "";
  background-color: #fff;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  height: 60%;
  width: 100%;
  z-index: 0;
}
.promopoints picture img {
  max-width: 100%;
  position: relative;
  z-index: 1;
  /*                @include respond(tab-port) { */
}
@media (max-width: 1024px) {
  .promopoints picture img {
    margin: auto;
    display: flex;
  }
}

.skillgrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 6rem;
  /*        @include respond(tab-port) { */
}
@media (max-width: 1024px) {
  .skillgrid {
    grid-template-columns: 1fr;
    row-gap: 3rem;
  }
}
.skillgrid article img {
  max-width: 100%;
  max-height: 40rem;
  /*                @include respond(tab-port) { */
}
@media (max-width: 1024px) {
  .skillgrid article img {
    margin: auto;
    display: flex;
  }
}

.skillsets {
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 1rem;
}
.skillsets h5 {
  font-weight: 700;
  font-size: 1.66rem;
  cursor: pointer;
  margin-bottom: 0;
  position: relative;
  transition: all 0.2s ease;
  padding: 1rem;
  color: #ea4234;
}
.skillsets h5::after {
  content: "+";
  background-repeat: no-repeat;
  background-size: cover;
  width: 0.91rem;
  height: 0.91rem;
  right: 1rem;
  position: absolute;
  color: #333;
}
.skillsets h5:hover {
  color: #333;
}
.skillsets .viewdetails {
  margin: 1.5rem 1rem;
}
.skillsets.closed .viewdetails {
  display: none;
}
.skillsets.open h5 {
  background-color: #fff3f3;
}
.skillsets.open h5::after {
  content: "-";
}
.skillsets.open .viewdetails {
  display: block;
}

.promobtncenter {
  display: flex;
  justify-content: center;
  padding: 3rem 0;
  border-bottom: 1px solid #ddd;
}

.promodalcontent {
  padding: 1rem 1rem 0 1rem;
  border-bottom: 1px solid #ddd;
  text-align: center;
}
.promodalcontent h3 {
  font-size: 2rem;
  font-weight: 700;
}

.formspiltgroup {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1rem;
}

#meetingschedule .modal-title {
  font-weight: 700;
  font-size: 1.72rem;
}

#meetingschedule .modal-body {
  padding: 0;
}
#meetingschedule .modal-body p {
  font-size: 1.5rem;
}
#meetingschedule .modal-body .filltheForm {
  padding: 1rem;
}
#meetingschedule .modal-body button {
  display: inherit;
  margin-left: auto;
}

.holidaysection {
  padding: 5rem 5rem 0 5rem;
  margin: 5rem 5rem 0 5rem;
  position: relative;
  /*    @include respond(tab-port) { */
  /*    @include respond(sd) { */
}
@media (max-width: 1024px) {
  .holidaysection {
    margin: 3rem 1rem 0 1rem;
  }
}
@media (max-width: 575px) {
  .holidaysection {
    padding: 3rem 1rem 0 1rem;
  }
}
.holidaysection::before {
  content: "";
  background-color: #1b1c21;
  width: 100%;
  height: 55%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 0;
  display: block;
}
.holidaysection .holidaycontent {
  display: grid;
  grid-template-columns: repeat(2, auto);
  column-gap: 5rem;
  color: #fff;
  position: relative;
  z-index: 2;
  /*        @include respond(tab-port) { */
}
@media (max-width: 1024px) {
  .holidaysection .holidaycontent {
    grid-template-columns: 1fr;
    row-gap: 2rem;
  }
}
.holidaysection .holidaycontent h4 {
  font-size: 2rem;
  font-weight: 600;
}
.holidaysection .holidaycontent h2 {
  font-size: 3.3rem;
  font-weight: 700;
  /*@include respond(sd) { */
}
@media (max-width: 575px) {
  .holidaysection .holidaycontent h2 {
    font-size: 2.5rem;
  }
}
.holidaysection .holidaycontent h2 span {
  color: #ea4234;
  display: block;
}
.holidaysection .holidvideo {
  position: relative;
  z-index: 3;
  margin: 2rem 5rem 0 5rem;
  /*        @include respond(phone) { */
}
@media (max-width: 767px) {
  .holidaysection .holidvideo {
    grid-template-columns: 1fr;
    margin: 2rem 0 0 0;
  }
}
.holidaysection .holidvideo .videoframe {
  width: 100%;
  height: 50rem;
  /*            @include respond(phone) { */
}
@media (max-width: 767px) {
  .holidaysection .holidvideo .videoframe {
    height: 30rem;
  }
}

/*...............................*/
.equalclmns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 4rem;
  /*    @include respond(tab-land) {*/
}
@media (max-width: 1024px) {
  .equalclmns {
    grid-template-columns: auto;
    text-align: center;
  }
  .equalclmns.cnt-equalclmns {
    text-align: left;
  }
}
.equalclmns.vcenter {
  align-items: center;
}
.equalclmns .contactsocial {
  display: flex;
  border-bottom: 1px solid #ddd;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  padding-left: 0;
  column-gap: 1rem;
}
.equalclmns .contactsocial :first-child a {
  background-color: #333;
}
.equalclmns .contactsocial :nth-child(2) a {
  background-color: #367fe5;
}
.equalclmns .contactsocial :nth-child(3) a {
  background-color: #3b5997;
}
.equalclmns .contactsocial :nth-child(4) a {
  background-color: #54acec;
}
.equalclmns .contactsocial :last-child a {
  background-color: #ea4234;
}
.equalclmns .contactsocial svg {
  width: 2.5rem;
  height: 2.5rem;
  fill: #fff;
}
.equalclmns .contactsocial li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.equalclmns .contactsocial li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
}
.equalclmns .contactsocial li a:link,
.equalclmns .contactsocial li a:visited {
  text-decoration: none;
}
.equalclmns .contactsocial li a:hover,
.equalclmns .contactsocial li a:focus,
.equalclmns .contactsocial li a:active {
  background-color: #b61f24;
}
.equalclmns .details h4 {
  font-size: 2rem;
  line-height: normal;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: flex-end;
  font-weight: 600;
}
.equalclmns .details h4 svg {
  height: 4rem;
  width: 5.5rem;
  margin-right: 0.82rem;
}
.equalclmns .details .info a:link {
  text-decoration: none;
}
.equalclmns .details .info a:hover {
  color: #367fe5;
}
.equalclmns .details .info h2 {
  font-size: 3rem;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  font-weight: 700;
}
.equalclmns .details .info p {
  font-size: large;
}
.equalclmns .details .info p a {
  color: #333;
  font-weight: 600;
}
.equalclmns .details .info h4 {
  font-size: 2rem;
  margin: 1rem 0;
}
.equalclmns .details .info h4 a {
  color: #ea4235;
}
.equalclmns .details h3 {
  font-size: 2.5rem;
  color: #002339;
  margin-bottom: 1.5rem;
  font-weight: 700;
}
.equalclmns .details .addresses {
  display: grid;
  /*        @include respond(tab-land) {*/
  /*          @include respond(newphones) {*/
}
@media (max-width: 1024px) {
  .equalclmns .details .addresses {
    grid-template-columns: repeat(2, auto);
    column-gap: 3rem;
  }
}
@media (max-width: 767px) {
  .equalclmns .details .addresses {
    grid-template-columns: repeat(2, auto);
    column-gap: 3rem;
  }
}
.equalclmns .details .address {
  position: relative;
  display: grid;
  margin-top: 2rem;
  padding-left: 3.7rem;
}
.equalclmns .details .address ::before {
  width: 2rem;
  height: 2rem;
  content: "";
  background-color: #3b5997;
  border-radius: 1.2rem 1.2rem 0 1.2rem;
  position: absolute;
  transform: rotate(45deg);
  z-index: 0;
  left: 0;
  top: 0.3rem;
}
.equalclmns .details .address::before {
  content: "";
  width: 0.82rem;
  height: 0.82rem;
  background-color: #fff;
  position: absolute;
  border-radius: 50%;
  z-index: 10;
  left: 0.63rem;
  top: 0.8rem;
}
.equalclmns .forms {
  background-color: #eeeeee;
  padding: 2.5rem;
}
.equalclmns .forms .form-control {
  border: none;
  padding: 1rem;
}
.equalclmns .forms .form-control.phone {
  padding-left: 5rem;
}
.equalclmns .forms label {
  font-weight: 500;
}
.equalclmns .forms button {
  text-transform: uppercase;
  padding: 1rem 3rem;
}

.cookie-bar {
  position: fixed;
  z-index: 9999;
  bottom: 0;
  height: 10rem;
  width: 100%;
  padding: 2rem;
  background-color: #eee;
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 2rem;
  align-items: center;
}

.cookiechoice {
  position: fixed;
  z-index: 9999;
  bottom: 2rem;
  left: 2rem;
  display: inline-flex;
}
.cookiechoice button {
  border: none;
  outline: none;
  padding: 0.69rem 1.5rem;
  cursor: pointer;
  color: #fff;
  display: inline-flex;
  background-color: rgba(234, 66, 52, 0.89);
  transition: all 0.3s ease;
}
.cookiechoice button:hover {
  background-color: #ea4234;
}

.cookiesidebar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  transform: translate(-100%);
  background-color: #fff;
  width: 30rem;
  padding: 2rem;
  transition: all 0.3s ease;
  z-index: 10000;
}
.cookiesidebar.sidebar-slide-in {
  transform: translate(0%);
}
.cookiesidebar .cookieoptions {
  position: relative;
}
.cookiesidebar .cookieoptions .cookoptioncontent {
  overflow-y: auto;
  max-height: 92vh;
}
.cookiesidebar .cookieoptions ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
}
.cookiesidebar .cookieoptions ul .choosecookies li span {
  display: flex;
  column-gap: 1rem;
  margin-bottom: 1rem;
}
.cookiesidebar .cookieoptions ul .choosecookies li span label {
  display: flex;
  font-size: large;
  font-weight: 600;
}
.cookiesidebar .cookieoptions .btn-close {
  position: absolute;
  top: -0.55rem;
  right: -1rem;
  z-index: 100;
}

.admodal {
  border-radius: 1rem;
  overflow: hidden;
}
.admodal .modal-header {
  padding: 0;
  background-color: transparent;
  position: relative;
}
.admodal .modal-header .btn-close {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  mix-blend-mode: hard-light;
  /*            @include respond(phone) {*/
}
@media (max-width: 767px) {
  .admodal .modal-header .btn-close {
    top: 1rem;
    right: 1rem;
  }
}

.onloadmodal {
  background-image: url("src/assets/img/onloadmodalbg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding: 4rem;
  width: 100%;
  /*    @include respond(phone) {*/
}
@media (max-width: 767px) {
  .onloadmodal {
    padding: 1rem;
  }
}
.onloadmodal p {
  text-align: center;
  font-size: large;
  font-weight: 600;
  color: #1b1c21;
}
.onloadmodal p .red {
  color: #f21f43;
  font-size: larger;
}
.onloadmodal p .darks {
  color: #541253;
  font-size: x-large;
}
.onloadmodal p strong {
  color: #000000;
  font-size: larger;
}
.onloadmodal p .pinkn {
  color: #bc1c54;
  font-size: larger;
}
.onloadmodal img {
  display: flex;
  max-width: 100%;
}
.onloadmodal img.title {
  max-height: 5rem;
  margin: 1rem auto;
}

.quickcpadding {
  padding: 8rem 0 2rem 0;
}

.gtexthumbs {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 1.5rem;
  row-gap: 1.5rem;
  padding: 1.5rem 0;
  /*    @include respond(normal-tab) {*/
}
@media (max-width: 1024px) {
  .gtexthumbs {
    grid-template-columns: repeat(2, 1fr);
  }
}
.gtexthumbs .box {
  border-radius: 3px;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.gtexthumbs .box:first-child {
  /*            @include respond(normal-tab) {*/
}
@media (max-width: 1024px) {
  .gtexthumbs .box:first-child {
    grid-column: 1 / 3;
  }
}
.gtexthumbs .box:nth-child(2) {
  background-color: #e5f1ff;
}
.gtexthumbs .box:nth-child(3) {
  background-color: #fff4de;
}
.gtexthumbs .box:nth-child(4) {
  background-color: #dcf7fe;
}
.gtexthumbs .box:last-child {
  background-color: #ffdedd;
}
.gtexthumbs .box p {
  margin-top: 1rem;
  margin-bottom: 0;
  font-weight: 600;
}
.gtexthumbs .box img {
  max-width: 100%;
  display: flex;
}
.gtexthumbs .box img.mob {
  display: none;
  /*                @include respond(normal-tab) {*/
}
@media (max-width: 1024px) {
  .gtexthumbs .box img.mob {
    display: flex;
  }
}
.gtexthumbs .box img.desk {
  display: flex;
  /*                @include respond(normal-tab) {*/
}
@media (max-width: 1024px) {
  .gtexthumbs .box img.desk {
    display: none;
  }
}
.gtexthumbs .box:not(:first-child) img {
  max-width: 8rem;
}

.quickgrayform {
  background-color: #eee;
}
.quickgrayform .quickformgrid {
  display: grid;
  grid-template-columns: 1fr minmax(auto, 34rem);
  align-items: center;
  /*        @include respond(normal-tab) {*/
}
@media (max-width: 1024px) {
  .quickgrayform .quickformgrid {
    grid-template-columns: 1fr;
  }
}
.quickgrayform .quickformgrid article {
  background-image: linear-gradient(102deg, #000 15.23%, #000080 112.11%);
  background-size: cover;
  padding: 4rem;
  color: #fff;
  display: block;
}
.quickgrayform .quickformgrid article h2 {
  font-size: 2.5rem;
}
.quickgrayform .quickformgrid article h2 strong {
  color: #ea4234;
}
.quickgrayform .quickformgrid article .inputform {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 1rem;
  margin: 1.5rem 0;
  row-gap: 1.5rem;
  /*                @include respond(normal-tab) {*/
}
@media (max-width: 1024px) {
  .quickgrayform .quickformgrid article .inputform {
    grid-template-columns: 1fr;
  }
}
.quickgrayform .quickformgrid article .inputform .formelmnt {
  display: block;
}
.quickgrayform .quickformgrid article .inputform .formelmnt label {
  display: block;
  margin-bottom: 0.33rem;
}
.quickgrayform .quickformgrid article .inputform .formelmnt label strong {
  color: #ea4234;
}
.quickgrayform .quickformgrid article .inputform .formelmnt .groupelemnt {
  display: grid;
  grid-template-columns: 6rem 1fr;
  column-gap: 1rem;
}
.quickgrayform .quickformgrid article .inputform .formelmnt .iti {
  display: inherit;
  color: #101010;
}
.quickgrayform .quickformgrid article .inputform .formelmnt input,
.quickgrayform .quickformgrid article .inputform .formelmnt select,
.quickgrayform .quickformgrid article .inputform .formelmnt textarea {
  font-family: inherit;
  color: #101010;
  font-size: 1.66rem;
  border-radius: 2px;
  background-color: #fff;
  border: none;
  transition: all 0.3s ease;
  width: 100%;
  padding: 0.55rem;
}
.quickgrayform .quickformgrid article .inputform .formelmnt input:focus,
.quickgrayform .quickformgrid article .inputform .formelmnt select:focus,
.quickgrayform .quickformgrid article .inputform .formelmnt textarea:focus {
  outline: none;
  box-shadow: 0 1rem 2rem rgba(16, 16, 16, 0.15);
  border-bottom: 1px solid #a6b1e1;
}
.quickgrayform .quickformgrid article .inputform .formelmnt input:focus:invalid,
.quickgrayform .quickformgrid article .inputform .formelmnt select:focus:invalid,
.quickgrayform .quickformgrid article .inputform .formelmnt textarea:focus:invalid {
  border: 1px solid #da0000;
}
.quickgrayform .quickformgrid article .inputform .formelmnt input::-webkit-input-placeholder,
.quickgrayform .quickformgrid article .inputform .formelmnt input::placeholder,
.quickgrayform .quickformgrid article .inputform .formelmnt select::-webkit-input-placeholder,
.quickgrayform .quickformgrid article .inputform .formelmnt select::placeholder,
.quickgrayform .quickformgrid article
  .inputform
  .formelmnt
  textarea::-webkit-input-placeholder,
.quickgrayform
  .quickformgrid
  article
  .inputform
  .formelmnt
  textarea::placeholder {
  color: #333;
}
.quickgrayform .quickformgrid article .agreecheck {
  display: block;
  position: relative;
  padding-left: 3rem;
  margin-bottom: 1rem;
  cursor: pointer;
  user-select: none;
}
.quickgrayform .quickformgrid article .agreecheck span {
  position: absolute;
  left: 0;
  top: 0;
  height: 2rem;
  width: 2rem;
  border: 2px solid #fff;
  border-radius: 3px;
}
.quickgrayform .quickformgrid article .agreecheck span::after {
  content: "\2713";
  display: none;
}
.quickgrayform .quickformgrid article .agreecheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.quickgrayform .quickformgrid article .agreecheck input:checked ~ span::after {
  display: block;
}
.quickgrayform .quickformgrid article button {
  width: 22rem;
  justify-content: center;
  margin-top: 1rem;
}
.quickgrayform .quickformgrid picture {
  /*            @include respond(normal-tab) {*/
}
@media (max-width: 1024px) {
  .quickgrayform .quickformgrid picture {
    display: none;
  }
}
.quickgrayform .quickformgrid picture img {
  display: flex;
  max-width: 100%;
}

.quickfoot {
  padding: 1rem 0;
  background-color: #fff;
}

.phonnmail {
  display: flex;
  margin: -5rem 0 0 0;
  padding: 1.3rem 0;
  list-style: none;
  column-gap: 1.5rem;
  position: relative;
  /*    @include respond(normal-tab) {*/
}
@media (max-width: 1024px) {
  .phonnmail {
    margin: 0;
    flex-direction: column;
    row-gap: 1.5rem;
  }
}
.phonnmail li {
  display: flex;
  column-gap: 1rem;
  font-weight: 500;
}
.phonnmail li span {
  display: inline-flex;
  width: 2.5rem;
  height: 2.5rem;
  background-color: #101010;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
}
.phonnmail li span svg {
  height: 1.9rem;
  width: 1.9rem;
  fill: #ea4234;
}

.uniqgrid {
  display: grid;
  align-content: flex-start;
  row-gap: 2rem;
}
.uniqgrid .colorboxs {
  display: grid;
  grid-template-columns: 1fr 10rem 1fr;
  list-style: none;
  margin: 0;
  padding: 0;
  /*        @include respond(normal-tab){*/
}
@media (max-width: 1024px) {
  .uniqgrid .colorboxs {
    grid-template-columns: 1fr;
  }
}
.uniqgrid .colorboxs li {
  display: grid;
  padding: 1.5rem;
  align-content: center;
  justify-content: center;
  background-color: #e5f1ff;
}
.uniqgrid .colorboxs li h4 {
  font-size: 1.9rem;
  font-weight: 600;
}
.uniqgrid .colorboxs li p {
  margin-bottom: 0;
}
.uniqgrid .colorboxs li svg {
  fill: #fff;
  width: 3rem;
  height: 3rem;
}
.uniqgrid .colorboxs li.blue {
  background-color: #3f85f5;
}
.uniqgrid .colorboxs li.green {
  background-color: #2daa4f;
}
.uniqgrid .colorboxs li.yellow {
  background-color: #febd01;
}


.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(16, 16, 16, 0.6);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
  z-index: 9999;
}
.popup-body {
  background-color: #fff;
  padding: 0;
  width: 80%;
  border-radius: 3px;
}
.popup-body.lgPopup {
  max-width: 110rem;
}
.popup-body.mdPopup {
  max-width: 80rem;
}
.popup-body.smPopup {
  max-width: 40rem;
}
.popup-header {
  display: flex;
  padding: 1.5rem 1.5rem;
  margin-bottom: 1.5rem;
  align-items: center;
}
.popup-header .formGroup {
  max-width: 20rem;
  margin-left: 1rem;
}
.popup-tilte {
  margin-bottom: 0;
  color: #fff;
  font-weight: 600;
}
.popup-close {
  cursor: pointer;
  margin-left: auto;
  color: #fff;
}
.popup-close:hover {
  color: #ffa800;
}
.popup-content {
  padding: 1.5rem 1.5rem;
}
.popup-content p:last-child {
  margin-bottom: 0;
}
.show-popup {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}




.topHeader {
  position: fixed;
  z-index: 1000;
  display: flex;
  width: 100%;
  align-items: stretch;
  align-content: center;
  padding: 1rem 2rem;
  align-self: stretch;
  flex-wrap: wrap;
  /*      @include respond(tab-land) { */
}
.topHeader.solidBg {
  background-color: #fff;
  margin-top: 0 !important;
  transition: all 0.3s ease;
  box-shadow: 0 0.1rem 1rem rgba(51, 51, 51, 0.4);
}
@media (max-width: 1024px) {
  .topHeader {
    padding: 0.69rem 1rem;
  }
}
.topHeader .logo {
  display: flex;
  justify-items: left;
  /*     @include respond(phone) {*/
}
@media (max-width: 767px) {
  .topHeader .logo {
    flex-direction: column;
  }
}
.topHeader .logo a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.topHeader .logo a:link,
.topHeader .logo a:visited {
  text-decoration: none;
  color: #333;
  outline: none;
}
.topHeader .logo a:link:hover,
.topHeader .logo a:visited:hover {
  color: #ea4234;
}
.topHeader .logo .mainlogo {
  display: grid;
  align-items: center;
  border-radius: 3px;
  position: relative;
  transition: all 0.5s ease;
}
.topHeader .logo .mainlogo img {
  height: 5rem;
  margin: 0 auto;
  transition: all 0.5s ease;
  /*         @include respond(newphones) { */
  /*          @include respond(phone) { */
  /*          @include respond(xsd) { */
}
.topHeader .logo .mainlogo img.iwhite {
  display: flex;
}
.topHeader .logo .mainlogo img.ired {
  display: none;
}
@media (max-width: 1024px) {
  .topHeader .logo .mainlogo img {
    height: 4.3rem;
  }
}
@media (max-width: 767px) {
  .topHeader .logo .mainlogo img {
    height: 3.5rem;
    /* height: 3.7rem; */
  }
}
@media (max-width: 480px) {
  .topHeader .logo .mainlogo img {
    height: 3rem;
    /* height: 3.3rem; */
  }
}
@media (max-width: 375px) {
  .topHeader .logo .mainlogo img {
    height: 2.7rem;
  }
}
.topHeader .logo .mainlogo .logotxt {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0;
  color: #fff;
  transition: all 0.5s ease;
}
.topHeader .logo h5 {
  font-size: 0.91rem;
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  margin: 0;
  padding: 0;
  color: #fff;
  align-items: baseline;
  justify-content: center;
  letter-spacing: 0.66px !important;
  /*        @include respond(tab-port) { */
  /*        @include respond(xsd) { */
}
.topHeader .logo h5 span {
  display: inline-flex;
  padding: 0.2rem;
  color: #fff;
  margin: 0 0.3rem;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .topHeader .logo h5 {
    font-size: 0.73rem;
  }
}
@media (max-width: 767px) {
  .topHeader .logo h5 {
    font-size: 0.63rem;
  }
}
@media (max-width: 575px) {
  .topHeader .logo h5 {
    font-size: 0.56rem;
  }
}
.topHeader .logo p {
  font-size: 0.91rem;
  font-weight: 700;
  text-align: center;
  margin: 0;
  padding: 0;
  letter-spacing: 1px;
  /*        @include respond(xsd) { */
}
@media (max-width: 575px) {
  .topHeader .logo p {
    font-size: 0.8rem;
    font-weight: 600;
  }
}

.topNav {
  display: flex;
  align-items: center;
  align-content: center;
  flex: 1;
/*   align-items: stretch;*/
  /*    @include respond(tab-land) { */
}
@media (max-width: 1024px) {
  .topNav {
    /* display: grid; */
  }
}
.topNav-menu {
  display: flex;
  justify-content: space-between;
  margin: 0 0 0 auto;
  padding: 0;
  /*      @include respond(tab-land) {*/
}
.topNav-menu .closeMenu {
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 100px;
  background-color: #ea4234;
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  display: none;
  z-index: 1000;
  cursor: pointer;
  /*        @include respond(tab-land) { */
}
.topNav-menu .closeMenu:hover,
.topNav-menu .closeMenu:focus {
  background-color: #1b1c21;
}
@media (max-width: 1024px) {
  .topNav-menu .closeMenu {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.topNav-menu .closeMenu svg {
  fill: #fff;
  height: 1.2rem;
  width: 1.2rem;
}
@media (max-width: 1024px) {
  .topNav-menu {
    flex-direction: column;
    position: fixed;
    background-color: #fff;
    width: max-content;
    height: 100vh;
    align-items: flex-start;
    justify-content: start;
    z-index: 1030;
    top: 0;
    left: 0;
    display: none;
    overflow-y: auto;
    animation: growSize 1s cubic-bezier(0.41, 0.73, 0.42, 0.93);
    padding: 2rem;
  }
  .topNav-menu.showMenu {
    display: flex;
  }
}
.topNav-menu li {
  list-style: none;
  display: grid;
  align-content: center;
  letter-spacing: 0.66px;
}
.topNav-menu li a {
  display: flex;
  text-transform: capitalize;
  font-weight: 700;
}
.topNav-menu li a:link,
.topNav-menu li a:visited {
  text-decoration: none;
  display: flex;
  color: #fff;
  padding: 0.5rem 1.1rem;
  /*@include respond(tab-land) { */
}
@media (max-width: 1024px) {
  .topNav-menu li a:link,
  .topNav-menu li a:visited {
    padding: 0.8rem 1rem;
    color: #1b1c21;
  }
}
.topNav-menu li a:focus {
  outline: none;
}
.topNav-menu li a:hover,
.topNav-menu li a:active {
  color: #ea4234;
  outline: none;
}
.topNav-menu li.dropDowns {
  position: relative;
}
.topNav-menu li.dropDowns.largeBox {
  position: unset !important;
}
.topNav-menu li.dropDowns a {
  position: relative;
  padding-right: 2rem;
  /*            @include respond(tab-land) { */
}
@media (max-width: 1024px) {
  .topNav-menu li.dropDowns a {
    padding: 1rem 2rem 1rem 1rem;
  }
}
.topNav-menu li.dropDowns a:after {
  content: "";
  position: absolute;
  right: 0.3rem;
  background-image: url("src/assets/img/arrow-drpodown.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 1rem;
  height: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease;
  /*              @include respond(tab-land) { */
}
@media (max-width: 1024px) {
  .topNav-menu li.dropDowns a:after {
    background-image: url("src/assets/img/arrowDrpodownB.svg");
  }
}
.topNav-menu li.dropDowns a:hover::after,
.topNav-menu li.dropDowns a:focus::after {
  top: 40%;
  background-image: url("src/assets/img/arrowDrpodown.svg");
  transform: rotate(180deg);
}
.topNav-menu li.active a {
  color: #ea4234;
  outline: none;
}
.topNav-menu li.active a::after {
  top: 40%;
  background-image: url("src/assets/img/arrowDrpodown.svg");
  transform: rotate(180deg);
}
.topNav-menu li:hover .dropDownBox,
.topNav-menu li:focus .dropDownBox {
  display: grid;
}

.endnav {
  display: flex;
  align-items: center;
  position: relative;
  /*    @include respond(tab-land) { */
}
@media (max-width: 1024px) {
  .endnav {
    margin-left: auto;
  }
}

.menuBtn {
  width: 2.8rem;
  height: 2.8rem;
  outline: none;
  background: transparent;
  border: none;
  display: none;
  margin-left: 1rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  /*    @include respond(tab-land) { */
}
@media (max-width: 1024px) {
  .menuBtn {
    display: flex;
  }
}
.menuBtn svg {
  width: 2.4rem;
  height: 2.4rem;
  fill: #ea4234;
  transition: all 0.3s ease-out;
}
.menuBtn:hover,
.menuBtn:focus {
  outline: none;
}
.menuBtn:hover svg,
.menuBtn:focus svg {
  fill: #a6b1e1;
  width: 2.8rem;
  height: 2.8rem;
}

.menubar {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
}
.menubar .contactnumbers {
  margin-left: auto;
  padding-right: 1.2rem;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .menubar .contactnumbers {
    padding-right: 0;
  }
}
.menubar .contactnumbers ul {
  display: flex;
  margin: 0;
}
.menubar .contactnumbers ul li {
  display: flex;
  font-weight: 600;
  font-size: 1.37rem;
  /*        @include respond(medium-tab) { */
  /*         @include respond(phone) { */
}

@media (max-width: 1024px) {
  .menubar .contactnumbers ul li {
    font-size: 1.1rem;
  }
}
@media (max-width: 767px) {
  .menubar .contactnumbers ul li {
    font-size: 0.8rem;
  }
}
@media (max-width: 600px) {
  .menubar .contactnumbers ul li {
    display: none;
  }
  .menubar .contactnumbers ul li.showmobile {
    display: flex;
    /* font-size: 0.99rem; */
  }
}
@media (max-width: 480px) {
  .menubar .contactnumbers ul li {
    font-size: 0.6rem;
  }
}
/*.menubar .contactnumbers ul li svg {*/
.menubar .contactnumbers ul li img.iflag {
  height: 1.7rem;
  width: 3.5rem;
  /*          @include respond(phone) { */
}
@media (max-width: 767px) {
/*  .menubar .contactnumbers ul li svg {*/
  .menubar .contactnumbers ul li img.iflag {
    height: 1.2rem;
    width: 3rem;
  }
}
@media (max-width: 480px) {
  .menubar .contactnumbers ul li img.iflag {
    height: 1rem;
    width: 1.5rem;    
  }
}
.menubar .contactnumbers ul li a {
  display: inline-flex;
  align-items: center;
}
.menubar .contactnumbers ul li a:link,
.menubar .contactnumbers ul li a:visited {
  color: #fff;
  text-decoration: none;
}
.menubar .contactnumbers ul li a:hover,
.menubar .contactnumbers ul li a:focus {
  color: #ea4234;
}

.solidBg .logo .mainlogo img.iwhite,
.quckcontactwarper .logo .mainlogo img.iwhite {
  display: none !important;
}

.solidBg .logo .mainlogo img.ired,
.quckcontactwarper .logo .mainlogo img.ired {
  display: flex !important;
}

.solidBg .logo .mainlogo .logotxt,
.quckcontactwarper .logo .mainlogo .logotxt {
  color: #0a2a70;
}

.solidBg .logo h5,
.quckcontactwarper .logo h5 {
  color: #0a2a70 !important;
}
.solidBg .logo h5 span,
.quckcontactwarper .logo h5 span {
  background-color: #1b1c21 !important;
}

.solidBg .logo p,
.quckcontactwarper .logo p {
  color: #0a2a70;
}

.solidBg .awardpoints ul li a:link,
.solidBg .awardpoints ul li a:visited,
.quckcontactwarper .awardpoints ul li a:link,
.quckcontactwarper .awardpoints ul li a:visited {
  color: #1b1c21;
}

.solidBg .awardpoints ul li a:hover,
.solidBg .awardpoints ul li a:focus,
.solidBg .awardpoints ul li a:active,
.quckcontactwarper .awardpoints ul li a:hover,
.quckcontactwarper .awardpoints ul li a:focus,
.quckcontactwarper .awardpoints ul li a:active {
  color: #ea4234;
}

.solidBg .contactnumbers ul li a:link,
.solidBg .contactnumbers ul li a:visited,
.quckcontactwarper .contactnumbers ul li a:link,
.quckcontactwarper .contactnumbers ul li a:visited {
  color: #1b1c21;
}

.solidBg .contactnumbers ul li a:hover,
.solidBg .contactnumbers ul li a:focus,
.quckcontactwarper .contactnumbers ul li a:hover,
.quckcontactwarper .contactnumbers ul li a:focus {
  color: #ea4234;
}

.solidBg .topNav li a:link,
.solidBg .topNav li a:visited,
.quckcontactwarper .topNav li a:link,
.quckcontactwarper .topNav li a:visited {
  color: #1b1c21 !important;
}

.solidBg .topNav li a:hover,
.solidBg .topNav li a:focus,
.solidBg .topNav li a:active,
.quckcontactwarper .topNav li a:hover,
.quckcontactwarper .topNav li a:focus,
.quckcontactwarper .topNav li a:active {
  color: #ea4234 !important;
}

.solidBg .topNav li.dropDowns a:after,
.quckcontactwarper .topNav li.dropDowns a:after {
  content: "";
  background-image: url("src/assets/img/arrowDrpodownB.svg") !important;
}

.solidBg .topNav li.dropDowns a:hover:after,
.solidBg .topNav li.dropDowns a:focus:after,
.quckcontactwarper .topNav li.dropDowns a:hover:after,
.quckcontactwarper .topNav li.dropDowns a:focus:after {
  content: "";
  background-image: url("src/assets/img/arrowDrpodown.svg") !important;
}

.solidBg .topNav li.active a,
.quckcontactwarper .topNav li.active a {
  color: #ea4234 !important;
}
.solidBg .topNav li.active a:after,
.quckcontactwarper .topNav li.active a:after {
  content: "";
  background-image: url("src/assets/img/arrowDrpodown.svg") !important;
}
.gstitab {
  color: white;
  display: flex;
  font-size: 0.91rem;
  width: 100%;
  position: relative;
  margin-top: -0.5rem;
  font-weight: 600;
}
.solidBg .gstitab {
  color: #1b1c21;
}

.carousel-inner {
  height: 86vh;
  /*    @include respond(phone) { */
}
@media (max-width: 767px) {
  .gstitab {
    font-size: 0.61rem;
  }
  .carousel-inner {
    height: 50vh;
  }
}
@media (max-width: 480px) {
  .gstitab {
    font-size: 0.52rem;
  }
}

.carousel-item {
  height: 86vh;
  position: relative;
  /*    @include respond(phone) { */
}
.carousel-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(
    transparent,
    rgba(0, 0, 0, 0.3) 25%,
    rgba(0, 0, 0, 0.69) 69%
  );
  z-index: 1;
}
@media (max-width: 767px) {
  .carousel-item {
    height: 50vh;
  }
}
.carousel-item.slide_01 {
  background-image: url("src/assets/img/slide_01.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /*        @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .carousel-item.slide_01 {
    background-image: url("src/assets/img/Mob_slide_01.webp");
  }
}
.carousel-item.slide_02 {
  background-image: url("src/assets/img/slide_02.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  /*      @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .carousel-item.slide_02 {
    background-image: url("src/assets/img/Mob_slide_02.webp");
  }
}
.carousel-item.slide_03 {
  background-image: url("src/assets/img/slide_03.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .carousel-item.slide_03 {
    background-image: url("src/assets/img/Mob_slide_03.webp");
  }
}
.carousel-item.slide_04 {
  background-image: url("src/assets/img/slide_04.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  /*  @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .carousel-item.slide_04 {
    background-image: url("src/assets/img/Mob_slide_04.webp");
  }
}
.carousel-item.slide_05 {
  background-image: url("src/assets/img/slide_05.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  /*  @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .carousel-item.slide_05 {
    background-image: url("src/assets/img/Mob_slide_05.webp");
  }
}
.carousel-item.slide_06 {
  background-image: url("src/assets/img/slide_06.webp");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  /*  @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .carousel-item.slide_06 {
    background-image: url("src/assets/img/Mob_slide_06.webp");
  }
}

.carousel-caption {
  display: flex;
  align-items: flex-end;
  height: 86vh;
  right: 10%;
  left: 10%;
  position: absolute;
  z-index: 10;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  /*    @include respond(phone) { */
}
@media (max-width: 767px) {
  .carousel-caption {
    height: 50vh;
  }
}
.carousel-caption h2 {
  font-weight: 700;
  font-size: 4.6rem;
  color: #fff;
  position: absolute;
  top: 20%;
  right: 0;
  text-align: right;
  text-shadow: 0.1rem 0.1rem 0.3rem #000000;
  animation: growSize 3s ease-out;
  /*        @include respond(tab-land) { */
  /*        @include respond(phone) {*/
}
@media (max-width: 1024px) {
  .carousel-caption h2 {
    font-size: 3.3rem;
  }
}
@media (max-width: 767px) {
  .carousel-caption h2 {
    font-size: 2.3rem;
  }
}
.carousel-caption h1 {
  font-weight: 700;
  font-size: 5.5rem;
  animation: growSize 3s ease-out;
  text-align: right;
  color: #fff;
  text-shadow: 0.1rem 0.1rem 0.3rem #000000;
  /*      @include respond(tab-land) { */
  /*      @include respond(phone) {*/
}
.carousel-caption h1.sapcolor {
  color: #ffa800;
}
@media (max-width: 1024px) {
  .carousel-caption h1 {
    font-size: 4.4rem;
  }
}
@media (max-width: 767px) {
  .carousel-caption h1 {
    font-size: 2.3rem;
  }
}
.carousel-caption h1 span {
  display: flex;
  justify-content: flex-end;
}
.carousel-caption h4 {
  animation: invisible 4s ease-out;
}
.carousel-caption a {
  animation: movefromBottom 0.3s ease-out;
}
.carousel-caption a,
.carousel-caption a:link,
.carousel-caption a:visited {
  background-color: #ea4234;
  display: inline-flex;
  padding: 0.55rem 2.5rem;
  position: relative;
  z-index: 100;
  color: #fff;
  font-size: 1.66rem;
  font-weight: 600;
  text-decoration: none;
  border: 0.4rem solid #fff;
  transition: all 0.2s ease;
  margin: 0.69rem 0;
  /*      @include respond(phone) {*/
}
@media (max-width: 767px) {
  .carousel-caption a,
  .carousel-caption a:link,
  .carousel-caption a:visited {
    padding: 0.5rem 1.5rem;
  }
}
.carousel-caption a:hover,
.carousel-caption a:active,
.carousel-caption a:focus {
  background-color: #282525;
}

.carousel-control-next,
.carousel-control-prev {
  width: 7.3%;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: 4rem !important;
  height: 4rem !important;
}

.innerHeader {
  display: flex;
  height: 40rem;
  background-size: cover;
  background-repeat: no-repeat;
  justify-content: center !important;
  flex-direction: column;
  padding: 5% 5% 0 5%;
  overflow: hidden;
  position: relative;
  /*  @include respond(phone) {*/
}
.innerHeader::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), transparent);
  z-index: 1;
}
@media (max-width: 767px) {
  .innerHeader {
    height: 30rem;
  }
}
.innerHeader .innerHeadings {
  position: relative;
  z-index: 3;
}
.innerHeader h1 {
  font-size: 4.7rem;
  font-weight: 700;
  animation: movetoBottom 2s ease-out;
  color: #f7f7f7;
  text-shadow: 0.1rem 0.1rem 0.3rem #000000;
  /*    @include respond(phone) {*/
}
@media (max-width: 767px) {
  .innerHeader h1 {
    font-size: 2.5rem;
  }
}
.innerHeader .innersubheading {
  position: relative;
  z-index: 3;
  font-size: 22px;
  line-height: 22px;
  color: #fff;
  font-weight: 700;
  animation: movetoBottom 2s ease-out;  
  display: block;
}
.innerHeader.eventHeader::before {
/*   background: linear-gradient(90deg, #080808 6.44%, rgba(0, 0, 0, 0) 96.64%); */
}
.innerHeader h3 {
  color: #f7f7f7;
}
.innerHeader h4 {
  padding: 0.73rem 5rem 0.73rem 1rem;
  color: #fff;
  display: inline-flex;
  font-size: 2rem;
  margin-bottom: 2rem;
}
.innerHeader.capabilities h3 {
  font-size: 4.7rem;
  font-weight: 700;
  animation: movetoBottom 2s ease-in-out;
  text-shadow: 0.1rem 0.1rem 0.3rem #000000;
}
.innerHeader.capabilities h4 {
  background-color: #ea4234;
}
.innerHeader.deployable h3 {
  font-size: 2rem;
  font-weight: 700;
  animation: movefromBottom 2s ease-in;
}
.innerHeader.deployable h4 {
  background-color: #1b1c21;
}
.innerHeader.why {
  background-image: url("src/assets/img/homeSlide.webp");
  background-position: center;
}
.innerHeader.customSD {
  background-image: url("src/assets/img/slide_01.webp");
  background-position: center;
}
.innerHeader.OfficeGap {
  background-image: url("src/assets/img/OGinnerhead.webp");
  background-position: top center;
}
.innerHeader.engine {
  background-image: url("src/assets/img/software_engine_02.webp");
  background-position: center;
}
.innerHeader.microsofts {
  background-image: url("src/assets/img/microsoft_header.webp");
  background-position: center;
}
.innerHeader.mobiles {
  background-image: url("src/assets/img/mobileBanner.webp");
  background-position: center;
}
.innerHeader.opsource {
  background-image: url("src/assets/img/opensourceBanner.webp");
  background-position: center;
}
.innerHeader.saphead {
  background-image: url("src/assets/img/sapInnerhead.webp");
  background-position: center;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .innerHeader.saphead {
    background-image: url("src/assets/img/mobile_headers/sapInnerhead.webp");
  }
}
.innerHeader.location {
  background-image: url("src/assets/img/locations.webp");
  background-position: center;
}
.innerHeader.factory {
  background-image: url("src/assets/img/slide_05.webp");
  background-position: top center;
}
.innerHeader.javaa {
  background-image: url("src/assets/img/javaBanner.webp");
  background-position: center;
}
.innerHeader.javaa h1 {
  color: #fff;
}
.innerHeader.careers {
  background-image: url("src/assets/img/slide_04.webp");
  background-position: top center;
}
.innerHeader.professional {
  background-image: url("src/assets/img/proffessional.webp");
  background-position: center;
}
.innerHeader.cutting {
  background-image: url("src/assets/img/cutting.webp");
  background-position: center;
}
.innerHeader.teamas {
  background-image: url("src/assets/img/team.webp");
  background-position: center;
}
.innerHeader.survey {
  background-image: url("src/assets/img/survey.webp");
  background-position: center;
}
.innerHeader.emro {
  background-image: url("src/assets/img/emro.webp");
  background-position: center bottom;
}
.innerHeader.sapim {
  background-image: url("src/assets/img/sapim.webp");
  background-position: center;
}
.innerHeader.leadership {
  background-image: url("src/assets/img/leadership.webp");
  background-position: center;
}
.innerHeader.news {
  background-image: url("src/assets/img/news.webp");
  background-position: center;
}
.innerHeader.partner {
  background-image: url("src/assets/img/partner.webp");
  background-position: center;
}
.innerHeader.partner h1 {
  color: #f7f7f7;
}
.innerHeader.success {
  background-image: url("src/assets/img/success.webp");
  background-position: center;
}
.innerHeader.testimonials {
  background-image: url("src/assets/img/Client-Testimonial.webp");
  background-position: center;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .innerHeader.testimonials {
    background-image: url("src/assets/img/mobile_headers/Client-Testimonial.webp");
  }
}
.innerHeader.employee-testimonials {
  background-image: url("src/assets/img/Employee-Testimonials.webp");
  background-position: center;
}
.innerHeader.faq {
  background-image: url("src/assets/img/faq.webp");
  background-position: center;
}
.innerHeader.accounting-services {
  background-image: url("src/assets/img/Accounting-services.webp");
  background-position: center;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .innerHeader.accounting-services {
    background-image: url("src/assets/img/mobile_headers/Accounting-services.webp");
  }
}
.innerHeader.activating-methodology {
  background-image: url("src/assets/img/Activating-Methodology.webp");
  background-position: center;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .innerHeader.activating-methodology {
    background-image: url("src/assets/img/mobile_headers/Activating-Methodology.webp");
  }
}
.innerHeader.agile-evelopment {
  background-image: url("src/assets/img/Agile-Development-Model-2.webp");
  background-position: center;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .innerHeader.agile-evelopment {
    background-image: url("src/assets/img/mobile_headers/Agile-Development-Model-2.webp");
  }
}
.innerHeader.API-integration {
  background-image: url("src/assets/img/API-Integration.webp");
  background-position: center;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .innerHeader.API-integration {
    background-image: url("src/assets/img/mobile_headers/API-Integration.webp");
  }
}
.innerHeader.application-QAT-service {
  background-image: url("src/assets/img/Application-QAT-Service.webp");
  background-position: top center;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .innerHeader.application-QAT-service {
    background-image: url("src/assets/img/mobile_headers/Application-QAT-Service.webp");
  }
}
.innerHeader.Big-Data-Processing {
  background-image: url("src/assets/img/Big-Data-Processing.webp");
  background-position: center;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .innerHeader.Big-Data-Processing {
    background-image: url("src/assets/img/mobile_headers/Big-Data-Processing.webp");
  }
}
.innerHeader.business-technology-consulting {
  background-image: url("src/assets/img/Business-Technology-Consulting.webp");
  background-position: center;
}
.innerHeader.cloud-application-developement {
  background-image: url("src/assets/img/Cloud-Application-Developement.webp");
  background-position: center;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .innerHeader.cloud-application-developement {
    background-image: url("src/assets/img/mobile_headers/Cloud-Application-Developement.webp");
  }
}
.innerHeader.custom-software-development {
  background-image: url("src/assets/img/Custom-software.webp");
  background-position: center;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .innerHeader.custom-software-development {
    background-image: url("src/assets/img/mobile_headers/Custom-software-development.webp");
  }
}
.innerHeader.enterprise-software-development {
  background-image: url("src/assets/img/Enterprise-Software-Development.webp");
  background-position: top center;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .innerHeader.enterprise-software-development {
    background-image: url("src/assets/img/mobile_headers/Enterprise-Software-Development.webp");
  }
}
.innerHeader.Firm-Fixed-Price {
  background-image: url("src/assets/img/Firm-Fixed-Price-(-FFP-).webp");
  background-position: center;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .innerHeader.Firm-Fixed-Price {
    background-image: url("src/assets/img/mobile_headers/Firm-Fixed-Price.webp");
  }
}
.innerHeader.FullTime-Equavalent {
  background-image: url("src/assets/img/Full-Time-Equavalent-(-FTE-).webp");
  background-position: top center;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .innerHeader.FullTime-Equavalent {
    background-image: url("src/assets/img/mobile_headers/Full-Time-Equavalent.webp");
  }
}
.innerHeader.Hire-Resources {
  background-image: url("src/assets/img/Hire-Resources.webp");
  background-position: center;
}
.innerHeader.Implementaion-Service {
  background-image: url("src/assets/img/Implementaion-Service.webp");
  background-position: center;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .innerHeader.Implementaion-Service {
    background-image: url("src/assets/img/mobile_headers/Implementaion-Service.webp");
  }
}
.innerHeader.IT-Consulting-Service {
  background-image: url("src/assets/img/IT-Consulting-Service.webp");
  background-position: center;
}
.innerHeader.Maintenance-Services {
  background-image: url("src/assets/img/Maintenance-Services.webp");
  background-position: center;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .innerHeader.Maintenance-Services {
    background-image: url("src/assets/img/mobile_headers/Maintenance-Services.webp");
  }
}
.innerHeader.Migration-Services {
  background-image: url("src/assets/img/Migration-Services.webp");
  background-position: center;
}
.innerHeader.Mobile-Application-Development {
  background-image: url("src/assets/img/Mobile-Application-Development.webp");
  background-position: center;
}
.innerHeader.Product-Development-Services {
  background-image: url("src/assets/img/Product-Development-Services.webp");
  background-position: center;
}
.innerHeader.Recruitment-HR-Services {
  background-image: url("src/assets/img/Recruitment-HR-Services.webp");
  background-position: center;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .innerHeader.Recruitment-HR-Services {
    background-image: url("src/assets/img/mobile_headers/Recruitment-HR-Services.webp");
  }
}
.innerHeader.Term-as-a-service {
  background-image: url("src/assets/img/Term-as-a-service.webp");
  background-position: center;
}
.innerHeader.Time-and-Material {
  background-image: url("src/assets/img/Time-and-Material.webp");
  background-position: center;
}
.innerHeader.Water-falls-model {
  background-image: url("src/assets/img/Water-falls-model.webp");
  background-position: center;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .innerHeader.Water-falls-model {
    background-image: url("src/assets/img/mobile_headers/Water-falls-model.webp");
  }
}
.innerHeader.Web-Application-Development {
  background-image: url("src/assets/img/Web-Application-Development.webp");
  background-position: center;
  /*    @include respond(medium-tab) { */
}
@media (max-width: 1024px) {
  .innerHeader.Web-Application-Development {
    background-image: url("src/assets/img/mobile_headers/Web-Application-Development.webp");
  }
}
.innerHeader.value-proposition {
  background-image: url("src/assets/img/value-proposition.webp");
  background-position: center;
}
.innerHeader.Disclaimer {
  background-image: url("src/assets/img/Disclaimer.webp");
  background-position: center;
}
.innerHeader.privacy-policy {
  background-image: url("src/assets/img/privacy-policy.webp");
  background-position: center;
}
.innerHeader.Key-Differentiators {
  background-image: url("src/assets/img/Key-Differentiators.webp");
  background-position: center;
}
.innerHeader.WhoWeAre {
  background-image: url("src/assets/img/who-we-are-header.webp");
  background-position: center;
}
.innerHeader.Capabilities_header {
  background-image: url("src/assets/img/Capabilities_header.webp");
  background-position: center;
}
.innerHeader.Delivery {
  background-image: url("src/assets/img/Delivery_header.webp");
  background-position: bottom center;
}
.innerHeader.Solutions {
  background-image: url("src/assets/img/Solutions_header.webp");
  background-position: bottom center;
}
.innerHeader.Technologies {
  background-image: url("src/assets/img/Technologies_header.webp");
  background-position: bottom center;
}
.innerHeader.WhyJTSi {
  background-image: url("src/assets/img/why-jtsi-header.webp");
  background-position: bottom center;
}
.innerHeader.qualcheckers {
  background-image: url("src/assets/img/qualCheckers_bg.jpg");
  background-position: center;
}




.containers {
  /*  @include respond(medium-tab) {*/
}
.containers p {
  text-align: justify;
}
@media (max-width: 1024px) {
  .containers {
    padding: 0 1.5rem;
  }
  .containers p {
    text-align: left;
  }
}

.para_containers {
  position: relative;
  z-index: 2;
}

.circlelinks {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: center;
  overflow: hidden;
  /*  @include respond(phone) {*/
}
@media (max-width: 767px) {
  .circlelinks {
    grid-template-columns: repeat(2, 1fr);
    flex-wrap: wrap !important;
  }
  .circlelinks .panel-grid-cell {
    width: 50% !important;
  }
  .circlelinks .panel-grid-cell .panel-cell-style {
    height: 100% !important;
  }
}
.circlelinks .panel-grid-cell .panel-cell-style {
  height: 100%;
}

.circlelinks div {
  justify-content: center;
  align-items: center;
  flex-flow: column;
  padding: 0rem;
  transition: all 0.5s ease;
}
.circlelinks div a {
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.circlelinks div a:link,
.circlelinks div a:visited {
  text-decoration: none;
  outline: none;
}
.circlelinks div svg {
  width: 5.5rem;
  height: 5.5rem;
  fill: #fff;
  margin-top:1rem;
}
.circlelinks div.iconblue {
  background-color: #3f85f5;
  animation: movefromBottom 1.5s ease;
}
.circlelinks div.iconblue:hover svg {
  fill: #3f85f5;
}
.circlelinks div.icongreen {
  background-color: #2daa4f;
  animation: movetoBottom 1.5s ease;
}
.circlelinks div.icongreen:hover svg {
  fill: #2daa4f;
}
.circlelinks div.iconyellow {
  background-color: #febd01;
  animation: movefromBottom 1.5s ease;
}
.circlelinks div.iconyellow:hover svg {
  fill: #febd01;
}
.circlelinks div.iconred {
  background-color: #ea4235;
  animation: movetoBottom 1.5s ease;
}
.circlelinks div.iconred:hover svg {
  fill: #ea4235;
}
.circlelinks div h3 {
  font-size: 2rem;
  font-weight: 700;
  margin: 1rem 0 0 0;
  text-align: center;
  color: #fff;
  margin-bottom:1rem;
  /*      @include respond(xsd) {*/
}
@media (max-width: 480px) {
  .circlelinks div h3 {
    font-size: 1.66rem;
  }
}
.circlelinks div:hover {
  background-color: #fff;
}
.circlelinks div:hover h3 {
  color: #1b1c21;
}

.survicelist {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 6rem 0;
  grid-gap: 1rem;
  height: 37rem;
  /*  @include respond(medium-tab) {*/
}
@media (max-width: 1024px) {
  .survicelist {
    grid-template-columns: minmax(0, 1fr);
    height: auto;
  }
}
.survicelist .newlist {
  display: grid;
  grid-template-columns: 10rem 1fr;
  /*    @include respond(medium-tab) {*/
}
@media (max-width: 1024px) {
  .survicelist .newlist {
    grid-template-columns: minmax(0, 1fr);
  }
}
.survicelist .andd {
  font-size: 2.5rem;
  display: inline-flex;
  font-weight: 700;
}
.survicelist .titleCol {
  display: grid;
  grid-template-columns: 10rem;
  position: relative;
  text-align: center;
  /*    @include respond(medium-tab) {*/
}
@media (max-width: 1024px) {
  .survicelist .titleCol {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: 1rem;
  }
}
.survicelist .titleCol div {
  display: grid;
  justify-content: center;
  align-content: center;
  padding: 1rem;
  color: #fff;
}
.survicelist .titleCol div h2 {
  font-size: 2.7rem;
}
.survicelist .titleCol div h3 {
  font-size: 2rem;
}
.survicelist .titleCol h2,
.survicelist .titleCol h3 {
  transform: rotate(-90deg);
  font-weight: 900;
  text-transform: uppercase;
  margin: 0;
  /*      @include respond(medium-tab) {*/
}
@media (max-width: 1024px) {
  .survicelist .titleCol h2,
  .survicelist .titleCol h3 {
    transform: rotate(0deg);
    font-size: 2.7rem;
  }
}
.survicelist .listofService {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: dense;
  grid-gap: 1rem;
  /*    @include respond(sd) {*/
}
@media (max-width: 575px) {
  .survicelist .listofService {
    grid-template-columns: 1fr;
  }
}
.survicelist .listofService a {
  padding: 1rem 2rem;
  font-weight: bold;
  background-color: #e9e9e9;
  display: flex;
  align-items: center;
  outline: 1px dashed #fff;
  outline-offset: -1rem;
  transition: all 0.3s ease;
}
.survicelist .listofService a:link,
.survicelist .listofService a:visited {
  text-decoration: none;
}
.survicelist .listofService a:hover {
  background-color: #ddd;
}
.survicelist .listofService a h4 {
  font-weight: 700;
  font-size: 1.66rem;
  margin: 0;
  color: #1b1c21;
}
.survicelist .listofService a.deployable {
  background-color: rgba(234, 66, 52, 0.11);
}
.survicelist .listofService a.deployable:hover {
  background-color: rgba(234, 66, 52, 0.27);
}
.survicelist .listofService a.deployable h4 {
  color: #ea4234;
}
.survicelist .listofService a.deployable h4 small {
  display: flex;
  color: #1b1c21;
}

.clientele {
  width: 100%;
  padding: 7rem 0;
  background-color: #eee;
}
.logolists {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 2.5rem;
}
/* .clientele .logolists img {
  height: 7.3rem;
  margin: 1.3rem;
  transition: all 0.3s ease;
} */
.logolists .gallery {
  text-align: center;
}
.logolists .gallery .gallery-item imgmg:hover {
  filter: hue-rotate(90deg);
}
.logolists .gallery .gallery-item {
    max-width: fit-content !important;
    margin: 1.3rem;
}
.logolists .gallery .gallery-item img {
  /* margin: 1.66rem; */
  transition: all 0.3s ease;
  display: inline-flex; 
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  height: 7.3rem;
  max-width: fit-content;
}
.logolists .gallery .gallery-item img:hover {
	filter: hue-rotate(90deg);
}



#letstalk .modal-title,
#applyjob .modal-title {
  font-weight: 700;
  margin: 0;
  font-size: 2rem;
}

.ltsTalk {
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 2rem;
  padding: 1rem;
  /*  @include respond(phone){*/
}
@media (max-width: 767px) {
  .ltsTalk {
    grid-template-columns: 1fr;
    grid-row-gap: 2rem;
    max-height: 62vh;
    overflow-y: scroll;
  }
}
.ltsTalk .filltheForm {
  display: grid;
}
.ltsTalk .contacts {
  display: flex;    
  align-items: flex-start;
  font-weight: 700;
  flex-direction: column;
  /* margin-bottom: 2rem; */
  /* grid-column-gap: 0.6rem;
  grid-row-gap: 1rem; */  
  /* display: grid; */
  /* grid-template-columns: 1.9rem 1fr; */
}
.ltsTalk .contacts:first-child .contacts-cnt-wrap {
  margin-bottom: 12px;
}
.ltsTalk .contacts-cnt-wrap {
  display: flex;
  align-items: center;
}
.ltsTalk .contacts-cnt-wrap span {
  margin-right: 5px;
}
.ltsTalk .contacts i {
  padding: 0.2rem 1rem;
  background-color: #ea4234;
  color: #fff;
  font-weight: normal;
  margin: 0;
  align-items: center;
  justify-content: center;
  display: grid;
  border-radius: 3px;
}
.ltsTalk .contacts a {
  color: #333;
}
.ltsTalk .contacts a:link,
.ltsTalk .contacts a:visited {
  text-decoration: none;
}
.ltsTalk .contacts a:hover,
.ltsTalk .contacts a:focus {
  color: #ea4234;
}
.ltsTalk h4 {
  color: #ea4234;
  font-weight: 600;
  text-transform: uppercase;
}
.ltsTalk ul {
  margin-bottom: 3rem;
  padding: 0;
  list-style: none;
}
.ltsTalk ul li a,
.ltsTalk ul li a:link,
.ltsTalk ul li a:visited {
  text-decoration: none;
  color: #3f85f5;
}
.ltsTalk ul li a:hover,
.ltsTalk ul li a:focus {
  outline: none;
  color: #ea4234;
}
.ltsTalk ul li.bold {
  font-weight: 600;
}
.ltsTalk ul li.bold i {
  color: #ea4234;
}
.ltsTalk ul li.bold a {
  color: #1b1c21;
}
.popmake .popmake-title {
  background-color: #ea4234 !important;
  display: flex;
  flex: 1;
  align-items: center;
  color: #ffffff !important;
  text-transform: capitalize !important;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.ltsTalk .contactUs-forms input.sendbtn {
  position: relative;
}
.ltsTalk .contactUs-forms input.sendbtn {  
  background-image: url("./assets/img/svg/pdf.svg");
  background-repeat: no-repeat;
  padding: 1rem 3rem 1rem 4rem;
  background-size: 20px;
  background-position: 11px;
}
.ltsTalk .contactUs-forms .wpcf7-not-valid-tip,
.ltsTalk .wpcf7-response-output {
  display: none;
}
.ltsTalk #reqdemowpopupform .formclmn .wpcf7-not-valid {
	border-color: var(--bs-form-invalid-border-color);
}

.whoweare {
  display: flex;
  flex: 1;
  padding-top: 6rem;
  align-items: center;
/*   margin-bottom: 5rem; */
  /*  @include respond(tab-land) {*/
}
@media (max-width: 1024px) {
  .whoweare {
    flex-direction: column-reverse;
  }
}
.whoweare .picture {
  padding-right: 1.5rem;
  margin-bottom: 1.5rem;
  /*        @include respond(tab-land) {*/
}
@media (max-width: 1024px) {
  .whoweare .picture {
    text-align: center;
    width: 100%;
  }
}
.whoweare .texts {
  padding-left: 1.5rem;
  width: 100%;
  /*        @include respond(tab-land) {*/
  width: 100%;
}
.whoweare .texts p,
.whoweare .texts ul {
  text-align: justify;
}
@media (max-width: 1024px) {
  .whoweare .texts {
    width: 100%;
    padding: 0;
  }
}
.whoweare .texts .heading {
  display: grid;
  grid-template-columns: auto 1fr;
  position: relative;
  z-index: 1;
  margin: 5rem 0 2rem -8rem;
  /*        @include respond(tab-land) {*/
  /*        @include respond(phone) {*/
}
.whoweare .texts .heading.logotech {
  grid-template-columns: auto 1fr;
}
.whoweare .texts .heading img {
  fill: #fff;
  width: 8rem;
  height: 8rem;
}
@media (max-width: 1024px) {
  .whoweare .texts .heading {
    margin-left: 0;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .whoweare .texts .heading {
    grid-template-columns: 1fr;
  }
}
.whoweare .texts .heading div {
  padding: 1.5rem;
  display: flex;
  align-items: center;
}
.whoweare .texts .heading div h3 {
  font-weight: 300;
  font-size: 2.5rem;
  color: #fff;
  margin: 0;
  text-transform: capitalize;
  /*            @include respond(phone) {*/
}
@media (max-width: 767px) {
  .whoweare .texts .heading div h3 {
    font-size: 1.9rem;
  }
}
.whoweare .texts .heading h2 {
  font-size: 3.6rem;
  text-transform: capitalize;
  font-weight: 700;
  color: #fff;
  margin: 0;
/*  font-weight: 900; */
}
.whoweare .texts .heading h2 span {
  display: flex;
}

.advantages {
  padding: 6rem 0 4rem 0;
  display: flex;
  flex-direction: column;
}
.advantagePoints {
  align-items: center;
  grid-gap: 3rem;
  display: grid;
  grid-template-columns: 40% 60%;
  /*    @include respond(tab-land) {*/
}
@media (max-width: 1024px) {
.advantagePoints {
    grid-template-columns: 1fr;
  }
}
.advantagePoints .pics {
  display: grid;
  justify-content: center;
  /*    @include respond(tab-land) {*/
}
@media (max-width: 1024px) {
.advantagePoints .pics {
    grid-row: 2 / 2;
  }
}
.advantagePoints .textcontent h4 {
  font-size: 1.66rem;
  font-weight: 500;
  position: relative;
  padding-left: 2.5rem;
}
.advantagePoints .textcontent h4::before {
  content: "";
  position: absolute;
  color: #ea4234;
  left: 0;
  top: 2px;
  width: 0.7rem;
  height: 1.4rem;
  background-color: #ea4234;
}
.advantagePoints .textcontent h4::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 0.7rem;
  width: 0.7rem;
  height: 1.4rem;
  background-color: #1b1c21;
  z-index: 1;
}
.advantages .advantagePoints .textcontent p {
  margin-bottom: 3rem;
  text-align: justify;
}

.infrastructure {
  padding: 6rem 0;
  display: flex;
  flex-direction: column;
}
.infrastructure .infraPoints {
  align-items: center;
  grid-gap: 3rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  /*    @include respond(tab-land) {*/
}
@media (max-width: 1024px) {
  .infrastructure .infraPoints {
    grid-template-columns: 1fr;
  }
}
.infrastructure .infraPoints .pics {
  display: grid;
  justify-content: center;
  /*    @include respond(tab-land) {*/
}
@media (max-width: 1024px) {
  .infrastructure .infraPoints .pics {
    grid-row: 2 / 2;
  }
}
.infrastructure .infraPoints .textcontent ul {
  text-align: justify;
}

.captop {
  display: flex;
  flex: 1;
  /* padding-top: 6rem; */
  /* margin-bottom: 6rem; */
  align-items: center;
  /*  @include respond(tab-land) {*/
}
@media (max-width: 1024px) {
  .captop {
    flex-direction: column-reverse;
  }
}
.captop .picture {
  /* width: 40%; */
  padding-right: 1.5rem;
  /*        @include respond(tab-land) {*/
}
@media (max-width: 1024px) {
  .captop .picture {
    text-align: center;
    /* width: 100%; */
  }
}
.captop .texts {
  padding-left: 1.5rem;
/*   width: 60%; */
  /*        @include respond(tab-land) {*/
/*   width: 60%; */
}
.captop .texts p {
  text-align: justify;
}
@media (max-width: 1024px) {
  .captop .texts {
    width: 100%;
    padding: 0;
  }
}
.captop .texts .heading {
  display: grid;
  grid-template-columns: auto 1fr;
  position: relative;
  z-index: 1;
  margin: 3rem 0 2rem -8rem;
  /*        @include respond(tab-land) {*/
  /*        @include respond(phone) {*/
}
@media (max-width: 1024px) {
  .captop .texts .heading {
    margin-left: 0;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .captop .texts .heading {
    grid-template-columns: 1fr;
  }
}
.captop .texts .heading div {
  padding: 1.5rem;
  display: flex;
  align-items: center;
}
.captop .texts .heading div h3 {
  font-weight: 300;
  font-size: 2rem;
  color: #fff;
  margin: 0;
  text-transform: capitalize;
}
.captop .texts .heading h2 {
  font-size: 3rem;
  text-transform: capitalize;
  font-weight: 700;
  color: #fff;
  margin: 0;
}
.captop .texts .heading h2 span {
  display: flex;
}

.splitcontent .pictures {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /*    @include respond(tab-land) {*/
}
.splitcontent .pictures.vision {
  background-image: url("src/assets/img/visions.webp");
}
.splitcontent .pictures.mission {
  background-image: url("src/assets/img/mission.webp");
}
.splitcontent .pictures.fulltime_02 {
  background-image: url("src/assets/img/fulltime_02.webp");
}
.splitcontent .pictures.timenm {
  background-image: url("src/assets/img/time_02.webp");
}
.splitcontent .pictures.agile_02 {
  background-image: url("src/assets/img/agile_02.webp");
}
.splitcontent .pictures.hybrid_02 {
  background-image: url("src/assets/img/hybrid_02.webp");
}
.splitcontent .pictures.ffp_02 {
  background-image: url("src/assets/img/ffp_02.webp");
}
.splitcontent .pictures.hire_02 {
  background-image: url("src/assets/img/hire_02.webp");
}
.splitcontent .pictures.hr_02 {
  background-image: url("src/assets/img/hr_02.webp");
}
.splitcontent .pictures.team_02 {
  background-image: url("src/assets/img/team_02.webp");
}
.splitcontent .pictures.csd_02 {
  background-image: url("src/assets/img/csd_02.webp");
}
.splitcontent .pictures.csd_03 {
  background-image: url("src/assets/img/csd_03.webp");
}
.splitcontent .pictures.product_02 {
  background-image: url("src/assets/img/product_02.webp");
}
.splitcontent .pictures.webapp_02 {
  background-image: url("src/assets/img/webapp_02.webp");
}
.splitcontent .pictures.cloud_02 {
  background-image: url("src/assets/img/cloud_02.webp");
}
.splitcontent .pictures.api_02 {
  background-image: url("src/assets/img/api_02.webp");
}
.splitcontent .pictures.sap_02 {
  background-image: url("src/assets/img/sap_02.webp");
}
.splitcontent .pictures.bo_03 {
  background-image: url("src/assets/img/bo_03.webp");
}
.splitcontent .pictures.mro_02 {
  background-image: url("src/assets/img/mro_02.webp");
}
.splitcontent .pictures.partner_02 {
  background-image: url("src/assets/img/partner_02.webp");
}
.splitcontent .pictures.office_gap {
  background-image: url("src/assets/img/slide_02.webp");
}
.splitcontent .pictures.newOffice {
  background-image: url("src/assets/img/JTSi_indoor.webp");
}
.splitcontent .pictures.newsite {
  background-image: url("src/assets/img/newsite.webp");
}
.splitcontent .pictures.opensource_02 {
  background-image: url("src/assets/img/opensource_02.webp");
}
.splitcontent .pictures.waterfall {
  background-image: url("src/assets/img/waterfall.webp");
}
@media (max-width: 1024px) {
  .splitcontent .pictures {
    height: 37rem !important;
  }
}

.splitcontent .contents {
  /* padding: 5rem 5rem 0rem 5rem;  */
  padding: 5rem;
  display: flex;  
  flex-direction: column;
  /* justify-content: space-between; */
  /*    @include respond(tab-land) {*/
}
.splitcontent .contents p {
  text-align: justify;
}
@media (max-width: 1024px) {
  .splitcontent .contents {
    padding: 2rem;
  }
}
.splitcontent .contents.darkBg {
  color: #fff;
}
.splitcontent .contents h4 {
  font-weight: 700;
  font-size: 1.66rem;
  margin-bottom: 1.5rem;
}
.splitcontent .contents .titles {
  padding: 1rem;
  width: 10rem;
  margin-bottom: 1.5rem;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.splitcontent .contents .titles svg {
  width: 3rem;
  height: 3em;
  fill: #fff;
  margin: 1.5rem 0;
}
.splitcontent .contents .titles h3 {
  margin-bottom: 0;
  font-weight: 700;
  color: #fff;
}
.splitcontent .contents h2 {
  padding: 1.5rem;
  display: flex;
  position: relative;
  background-color: #ea4234;
  color: #fff;
  font-size: 3rem;
  font-weight: 700;
  margin-bottom: 3rem;
}
.splitcontent .contents.leftSide h2 {
  margin-right: -20%;
  /*        @include respond(tab-land) {*/
}
@media (max-width: 1024px) {
  .splitcontent .contents.leftSide h2 {
    margin-right: 0;
  }
}
.splitcontent .contents.rightSide {
  /*        @include respond(tab-land) {*/
}
@media (max-width: 1024px) {
  .splitcontent .contents.rightSide {
    grid-row: 1 / 2;
  }
}
.splitcontent .contents.rightSide h2 {
  margin-left: -20%;
  /*          @include respond(tab-land) {*/
}
@media (max-width: 1024px) {
  .splitcontent .contents.rightSide h2 {
    margin-left: 0;
  }
}

.diplotop {
  display: flex;
  flex: 1;
  /* padding: 6rem 0; */
  align-items: center;
  /*  @include respond(tab-land) {*/
}
@media (max-width: 1200px) {
  .diplotop {
    flex-direction: column;
  }
  .diplotop .panel-grid-cell {
    width: 100% !important;
  }
}
.diplotop .picture {
  /* width: 40%; */
  padding-left: 1.5rem;
  /*        @include respond(tab-land) {*/
}
@media (max-width: 1200px) {
  .diplotop .picture {
    text-align: center;
    width: 100%;
    padding-left: 0;
  }
}
.diplotop .texts {
  padding-right: 1.5rem;
  /* width: 60%; */
  /*        @include respond(tab-land) {*/  
}
@media (max-width: 1024px) {
  .diplotop .texts {
    width: 100%;
    padding: 0;
  }
}
.diplotop .texts p {
  text-align: justify;
}
.diplotop .texts .heading {
  display: grid;
  grid-template-columns: auto 1fr;
  position: relative;
  z-index: 1;
  margin: 3rem -8rem 2rem 0;
  /*        @include respond(tab-land) {*/
  /*        @include respond(phone) {*/
}
@media (max-width: 1024px) {
  .diplotop .texts .heading {
    margin-right: 0;
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .diplotop .texts .heading {
    grid-template-columns: 1fr;
  }
}
.diplotop .texts .heading div {
  padding: 1.5rem;
  display: flex;
  align-items: center;
}
.diplotop .texts .heading div h3 {
  font-weight: 300;
  font-size: 2rem;
  color: #fff;
  margin: 0;
  text-transform: capitalize;
}
.diplotop .texts .heading h2 {
  font-size: 3rem;
  text-transform: capitalize;
  font-weight: 700;
  color: #fff;
  margin: 0;
}
.diplotop .texts .heading h2 span {
  display: flex;
}

.fullwidthSection {
  padding: 6rem 0;
}
.fullwidthSection .iconColumns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-columns: auto;
  margin-top: 1rem;
  column-gap: 5rem;
  row-gap: 5rem;
  /*      @include respond(tab-land) {*/
  /*      @include respond(medium-tab) {*/
  /*      @include respond(phone) {*/
}
@media (max-width: 1024px) {
  .fullwidthSection .iconColumns {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 800px) {
  .fullwidthSection .iconColumns {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .fullwidthSection .iconColumns {
    grid-template-columns: 1fr;
  }
}
.fullwidthSection .iconColumns .iconbox {
  text-align: center;
  padding: 1.5rem;
  transition: all 0.5s ease-in-out;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.01);
}
.fullwidthSection .iconColumns .iconbox h4 {
  font-weight: 700;
  margin: 1.5rem 0;
  font-size: 1.66rem;
}
.fullwidthSection .iconColumns .iconbox svg {
  fill: #ea4234;
  width: 6rem;
  height: 6rem;
  transition: all 0.3s ease-in-out;
}
.fullwidthSection .iconColumns .iconbox:hover {
  box-shadow: 0 0 3rem 0.5rem rgba(0, 0, 0, 0.11);
  transform: translateY(-0.5rem);
}
.fullwidthSection .iconColumns .iconbox:hover svg {
  fill: #1b1c21;
  transform: translateY(0.55rem);
}

.parallax_one {
  padding: 8rem 1rem;
  min-height: 40rem;
  position: relative;
  color: #fff;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 6rem 0;
  background-position: center;
}
.parallax_one::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(27, 28, 33, 0.7);
  z-index: 0;
  top: 0;
  left: 0;
  display: flex;
}
.parallax_one.micro {
  background-image: url("src/assets/img/micro_02.webp");
}
.parallax_one .technologos {
  justify-content: center;
  flex-wrap: wrap;
  display: flex;
  margin-top: 2rem;
}
.parallax_one .technologos img {
  height: 7rem;
  margin: 2rem;
  border-radius: 3px;
  filter: grayscale(90%);
  transition: all 0.3s ease;
}
.parallax_one .technologos:hover img {
  filter: grayscale(0%);
}

.careerColumns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2rem;
  padding: 6rem 0;
  /*  @include respond(tab-land) {*/
}
@media (max-width: 1024px) {
  .careerColumns {
    grid-template-columns: 1fr;
  }
}
.careerColumns h3 {
  padding: 1rem;
  color: #fff;
  font-size: 2.1rem;
  font-weight: 700;
  margin-bottom: 2rem;
}
.careerColumns .graybox p {
  margin: 0 1.5rem 1rem 1.5rem;
  text-align: justify;
}
.careerColumns .graybox .benefits {
  padding: 1.5rem;
  margin-top: 2rem;
}
.careerColumns .graybox .benefits h4 {
  font-size: 2rem;
  color: #ea4234;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #ddd;
}
.careerColumns .graybox .benefits .iconBenefits {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 2rem;
  /*        @include respond(sd) {*/
}
@media (max-width: 480px) {
  .careerColumns .graybox .benefits .iconBenefits {
    grid-template-columns: 1fr;
  }
}
.careerColumns .graybox .benefits .iconBenefits .iconbox {
  display: flex;
  margin-bottom: 1.5rem;
  align-items: center;
}
.careerColumns .graybox .benefits .iconBenefits .iconbox h5 {
  font-size: 1.66rem;
}
.careerColumns .graybox .benefits .iconBenefits .iconbox span {
  display: inline-flex;
  width: 5rem;
  height: 5rem;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 1.5rem;
  align-items: center;
  justify-content: center;
}
.careerColumns .graybox .benefits .iconBenefits img {
  width: 3rem;
  height: 3rem;
  fill: #ea4234;
}
.careerColumns .openings h4 {
  font-size: 2.1rem;
  margin-bottom: 2rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #ea4234;
  color: #ea4234;
}
.careerColumns .openings .vacancies h5 {
  font-weight: 700;
  font-size: 1.66rem;
  cursor: pointer;
  margin-bottom: 1rem;
  position: relative;
  transition: all 0.2s ease;
}
.careerColumns .openings .vacancies h5::after {
  content: "";
  background-image: url("assets/img/svg/arrowDrpodownB.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 0.91rem;
  height: 0.91rem;
  right: 0;
  position: absolute;
}
.careerColumns .openings .vacancies h5:hover {
  color: #ea4234;
}
.careerColumns .openings .vacancies h5:hover::after {
  background-image: url("src/assets/img/arrowDrpodown.svg");
}
.careerColumns .openings .vacancies .viewdetails {
  margin-bottom: 2rem;
}
.careerColumns .openings .vacancies .viewdetails button {
  border: none;
  background: #eee;
  color: #ea4234;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.66rem;
  padding: 0.2rem 0.7rem;
  border-radius: 3px;
  transition: all 0.3s ease;
}
.careerColumns .openings .vacancies .viewdetails button:hover,
.careerColumns .openings .vacancies .viewdetails button:focus {
  outline: none;
  background-color: #ea4234;
  color: #fff;
}
.careerColumns .openings .vacancies.closed .viewdetails {
  display: none;
}
.careerColumns .openings .vacancies.open h5::after {
  transform: rotate(180deg);
}
.careerColumns .openings .vacancies.open .viewdetails {
  display: block;
}

.client_testimonial {
  background-color: #eee;
  padding: 3rem 5rem 3rem 9rem;
  background-image: url("src/assets/img/quote.svg");
  background-size: 5rem;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-position: 2rem 2rem;
  border-radius: 100px 100px 0 100px;
  margin-bottom: 3rem;
  /*  @include respond(normal-tab) {*/
  /*  @include respond(phone) {*/
}
@media (max-width: 1024px) {
  .client_testimonial {
    background-size: 3rem;
    padding: 2rem 4rem 2rem 8rem;
  }
}
@media (max-width: 767px) {
  .client_testimonial {
    background-size: 2rem;
    padding: 2rem 5rem;
    border-radius: 5px;
  }
}
.client_testimonial h5 {
  font-weight: 300;
  font-size: 1.9rem;
  font-style: italic;
  text-align: right;
  color: #ea4234;
}

.employee_testimonial {
  background-color: #eee;
  padding: 1.5rem;
  border-radius: 100px 0 0 100px;
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
  /*  @include respond(normal-tab) {*/
}
@media (max-width: 1024px) {
  .employee_testimonial {
    flex-direction: column;
    justify-items: center;
    text-align: center;
    border-radius: 5px;
  }
}
.employee_testimonial .emphoto {
  display: inline-flex;
  border-radius: 50%;
  overflow: hidden;
  border: 0.5rem solid #fff;
  width: 15rem;
  margin-right: 1.5rem;
  /*    @include respond(normal-tab) {*/
}
.employee_testimonial .emphoto img {
  max-width: 100%;
}
@media (max-width: 1024px) {
  .employee_testimonial .emphoto {
    margin-right: 0;
    margin-bottom: 1.5rem;
  }
}
.employee_testimonial .empopinioin {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  flex: 1;
}
.employee_testimonial h5 {
  font-weight: 300;
  font-size: 1.66rem;
  font-style: italic;
  color: #ea4234;
}
.employee_testimonial.rightpic {
  flex-direction: row-reverse;
  border-radius: 0 100px 100px 0;
  /*    @include respond(normal-tab) {*/
}
@media (max-width: 1024px) {
  .employee_testimonial.rightpic {
    flex-direction: column;
    border-radius: 5px;
  }
}
.employee_testimonial.rightpic .emphoto {
  margin-left: 1.5rem;
  margin-right: 0;
  /*      @include respond(normal-tab) {*/
}
@media (max-width: 1024px) {
  .employee_testimonial.rightpic .emphoto {
    margin-left: 0;
    margin-bottom: 1.5rem;
  }
}

.ceo {
  padding: 1.1rem;
  display: flex;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: auto;
  max-width: 50rem;
  border-radius: 3px;
  /*  @include respond(phone){*/
}
.ceo h4 {
  font-weight: 700;
  color: #ea4234;
  font-size: 1.66rem;
}
.ceo h3 {
  font-weight: 900;
}
@media (max-width: 767px) {
  .ceo {
    text-align: center;
    align-items: center;
  }
}
.ceo img {
  margin-bottom: 1.5rem;
  width: 100%;
  max-width: 16rem;
  border-radius: 3px;
}

.teams {
  display: grid;
  grid-template-columns: repeat(3, minmax(auto, 31rem));
  grid-auto-rows: auto;
  justify-content: space-around;
  margin-top: 2rem;
  grid-row-gap: 5.5rem;
  /*  @include respond(normal-tab){*/
  /*   @include respond(phone){*/
}
@media (max-width: 1024px) {
  .teams {
    grid-template-columns: repeat(2, minmax(auto, 31rem));
  }
}
@media (max-width: 767px) {
  .teams {
    grid-template-columns: minmax(auto, 31rem);
  }
}
.teams .teamember {
  display: flex;
  align-items: center;
  padding: 1rem;
  border-radius: 3px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 100%;
  max-width: 31rem;
  position: relative;
}
.teams .teamember .overlays {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  color: #fff;
  display: none;
  padding: 2rem;
  align-items: center;
  justify-content: center;
  animation: invisible 1s ease;
}
.teams .teamember:hover .overlays {
  display: flex;
  background-color: rgba(27, 28, 33, 0.85);
}
.teams .teamember:last-child {
  margin-right: 0;
}
.teams .teamember h4 {
  font-weight: 700;
  color: #ea4234;
  font-size: 2.5rem;
}
.teams .teamember p {
  font-size: 1.66rem;
}
.teams .teamember img {
  width: 100%;
  max-width: 29rem;
  margin-bottom: 3rem;
  border-radius: 3px;
}

.teamtext {
  margin-bottom: 6rem;
}
.teamtext p {
  text-align: center;
  font-style: italic;
}

.contact-top {
  display: grid;
  grid-template-columns: 40% 60%;
  margin-bottom: 4rem;
  column-gap: 3rem;
  /*  @include respond(tab-land){*/
  /*   @include respond(medium-tab){*/
}
@media (max-width: 1024px) {
  .contact-top {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1024px) {
  .contact-top {
    margin-top: 2rem;
  }
}
.contact-top h3 {
  font-size: 2.2rem;
  margin-bottom: 1.5rem;
  color: #1b1c21;
  font-weight: 700;
  text-transform: uppercase;
}
.contact-top h3 span {
  display: block;
  color: #ea4234;
}
.contact-top h5 {
  margin-bottom: 2rem;
  font-size: 1.9rem;
  font-style: italic;
}
.contact-top .info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-content: baseline;
  /*    @include respond(phone){*/
}
@media (max-width: 767px) {
  .contact-top .info {
    grid-template-columns: 1fr;
  }
}
.contact-top .info p {
  font-size: 1.55rem;
}
.contact-top .info p span {
  color: #ea4234;
  display: inline-flex;
  margin-left: 1rem;
}

.findarea {
  right: 1rem;
  display: inline-flex;
  outline: none;
  flex-direction: column;
  align-items: center;
}
.findarea span {
  display: flex;
  font-size: 1.5rem;
}
.findarea:link,
.findarea:visited {
  color: #1b1c21;
}
.findarea:link:hover,
.findarea:link:focus,
.findarea:visited:hover,
.findarea:visited:focus {
  color: #ea4234;
}
.findarea svg {
  width: 4rem;
  height: 4rem;
  fill: #ea4234;
  outline: none;
  transition: all 0.2s ease;
}
.findarea svg:hover {
  fill: #25c058;
}

.offices {
  padding: 1rem;
  border-radius: 5px;
  position: relative;
  border-left: 1px solid #ddd;
}
.offices a {
  color: #ea4234;
}
.offices a:link,
.offices a:visited {
  text-decoration: none;
  outline: none;
}
.offices a:hover,
.offices a:focus {
  color: #367fe5;
}
.offices h4 {
  font-size: 1.66rem;
  margin-bottom: 1.5rem;
  color: #ea4234;
  font-weight: 700;
  border-bottom: 1px solid #ddd;
  padding-bottom: 0.73rem;
}

.commonquestions h3 {
  font-size: 2.3rem;
  margin: 1.5rem 0;
  font-weight: bold;
  color: #ea4234;
}

.commonquestions .freeaqs .sow-accordion .sow-accordion-panel .sow-accordion-panel-header {
  padding: 0px !important;
}
.commonquestions .freeaqs .sow-accordion .sow-accordion-panel .sow-accordion-panel-border {
  padding: 15px 0px 15px 0px !important;
}

.commonquestions .freeaqs .sow-accordion .sow-accordion-panel .sow-accordion-panel-header .sow-accordion-title {
  font-weight: 700;
  font-size: 1.66rem;
  cursor: pointer;
  margin-bottom: 0.7rem;
  position: relative;
  transition: all 0.2s ease;
  padding: 0.5rem 0;
  border-bottom: 1px solid #282525;
}
.commonquestions .freeaqs .sow-accordion .sow-accordion-panel .sow-accordion-open-close-button .sow-icon-ionicons::before {
  content: "";
  background-image: url("./assets/img/svg/arrowDrpodownB.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 0.91rem;
  height: 0.91rem;
  right: 0;
  top: 3px;
  position: absolute;
}
.commonquestions .freeaqs .sow-accordion .sow-accordion-panel .sow-accordion-open-close-button .sow-accordion-close-button .sow-icon-ionicons::before {
  transform: rotate(180deg);
}
.commonquestions .freeaqs .sow-accordion .sow-accordion-panel .sow-accordion-panel-header:hover .sow-accordion-open-close-button .sow-icon-ionicons::before {
  background-image: url("./assets/img/svg/arrowDrpodown.svg");
}

.commonquestions .freeaqs h5::after {
  content: "";
  background-image: url("src/assets/img/arrowDrpodownB.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 0.91rem;
  height: 0.91rem;
  right: 0;
  position: absolute;
}
.commonquestions .freeaqs h5:hover {
  color: #ea4234;
}
.commonquestions .freeaqs h5:hover::after {
  background-image: url("src/assets/img/arrowDrpodown.svg");
}

.commonquestions .freeaqs .viewdetails {
  margin-bottom: 3rem;
}

.commonquestions .freeaqs.closed .viewdetails {
  display: none;
}

.commonquestions .freeaqs.open h5::after {
  transform: rotate(180deg);
}

.commonquestions .freeaqs.open .viewdetails {
  display: block;
}

.caplist {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 2rem;
  align-content: baseline;
  background-color: #fff;
  padding: 1rem;
  position: relative;
}
.caplist h4 {
  font-weight: bold;
  margin-bottom: 1.1rem;
  font-size: 1.66rem;
}
.caplist img {
  width: 100%;
  margin-bottom: 1.5rem;
  border: 1px solid #eee;
}

.tabgrid {
  display: grid;
  grid-template-columns: 34rem 1fr;
  column-gap: 3rem;
  width: 100%;
  max-width: 80rem;
  margin: auto;
  /*    @include respond(medium-tab){*/
}
@media (max-width: 1024px) {
  .tabgrid {
    grid-template-columns: 34rem;
    justify-content: center;
  }
}
.tabgrid .tabuls {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  /*      @include respond(medium-tab){*/
}
@media (max-width: 1024px) {
  .tabgrid .tabuls {
    flex-direction: row;
  }
}
.tabgrid .tabuls li {
  display: flex;
  margin: 2rem 0;
  flex-direction: column;
  justify-content: center;
  padding: 1rem;
  border: 4px solid rgba(234, 66, 52, 0.09);
  transition: all 0.2s ease;
  position: relative;
  border-radius: 5px;
  /*        @include respond(medium-tab){*/
}
@media (max-width: 1024px) {
  .tabgrid .tabuls li {
    margin: 0 0.2rem;
    padding: 0.37rem;
    border: 2px solid rgba(234, 66, 52, 0.09);
  }
}
.tabgrid .tabuls li:hover,
.tabgrid .tabuls li.active {
  border-color: #ea4234;
}
.tabgrid .tabuls li:hover::after,
.tabgrid .tabuls li.active::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  color: #ea4234;
  z-index: 1;
  font-size: 3rem;
}
.tabgrid .tabuls li .tabtitle {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  /*        @include respond(medium-tab){*/
}
@media (max-width: 1024px) {
  .tabgrid .tabuls li .tabtitle {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }
}
.tabgrid .tabuls li svg {
  width: 4rem;
  height: 4rem;
  fill: #ea4234;
  margin-right: 1rem;
  /*          @include respond(medium-tab){*/
}
@media (max-width: 1024px) {
  .tabgrid .tabuls li svg {
    margin-right: 0;
    margin-bottom: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
  }
}
.tabgrid p {
  text-align: left;
  /*      @include respond(medium-tab){*/
}
@media (max-width: 1024px) {
  .tabgrid p {
    display: none;
  }
}
.tabgrid h3 {
  font-weight: 700;
  font-size: 2rem;
  /*    @include respond(medium-tab){*/
}
@media (max-width: 1024px) {
  .tabgrid h3 {
    font-size: 1.6rem;
  }
}
@media (max-width: 767px) {
  .tabgrid h3 {
    font-size: 1.3rem;
  }
}
@media (max-width: 480px) {
  .tabgrid h3 {
    font-size: 1.2rem;
  }
}
@media (max-width: 400px) {
  .tabgrid h3 {
      font-size: 1rem;
  }
}
.tabgrid .lefttab {
  display: grid;
  align-content: center;
}
.tabgrid .lefttab .tabuls li:hover::after,
.tabgrid .lefttab .tabuls li.active::after {
  content: " \276F";
  right: -1rem;
}
.tabgrid .righttab {
  display: grid;
  align-content: center;
}
@media (max-width: 400px) {
  .tabgrid .righttab {
    padding: 0px 15px;
  }
}
.tabgrid .righttab .tabuls li:hover::after,
.tabgrid .righttab .tabuls li.active::after {
  content: " \276E";
  left: -1rem;
  /*            @include respond(medium-tab){*/
}
@media (max-width: 1024px) {
  .tabgrid .righttab .tabuls li:hover::after,
  .tabgrid .righttab .tabuls li.active::after {
    display: none;
  }
}
.tabgrid .phonetab {
  background-image: url("./assets/img/IPhone_6.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding: 10rem 3.7rem;
  width: 34rem;
  height: 70rem;
  /*      @include respond(medium-tab){*/
}
@media (max-width: 1024px) {
  .tabgrid .phonetab {
    grid-row: 2 / 2;
  }
}
.tabgrid .phonetab .displaylist {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.tabgrid .phonetab .displaylist li {
  display: flex;
  padding: 0.55rem 0;
  border-bottom: 1px solid #a6b1e1;
}
.tabgrid .phonetab .pricingtab.show {
  display: block;
}
.tabgrid .phonetab .pricingtab.hide {
  display: none;
}
.tabgrid .phonetab .icons {
  display: flex;
  justify-content: center;
}
.tabgrid .phonetab .icons svg {
  width: 5rem;
  height: 5rem;
  fill: #ea4234;
}
.tabgrid .phonetab h3 {
  margin: 1rem 0;
  text-align: center;
}

.partnerNeeds {
  grid-template-columns: repeat(4, 1fr);
  column-gap: 5rem;
  /* row-gap: 5rem; */
  display: grid;
  /*    @include respond(tab-port){*/
  /*     @include respond(phone){*/
  /*     @include respond(xsd){*/
}
@media (max-width: 1024px) {
  .partnerNeeds {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 0;
  }  
}
@media (max-width: 992px) {
  
}
@media (max-width: 767px) {
  .partnerNeeds {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .partnerNeeds {
    grid-template-columns: 1fr;
  }
}
.partnerNeeds.qualchk {
  /*      @include respond(tab-port){*/
  /*       @include respond(phone){*/
  /*       @include respond(xsd){*/
}
@media (max-width: 1024px) {
  .partnerNeeds.qualchk {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 2rem;
  }
}
@media (max-width: 767px) {
  .partnerNeeds.qualchk {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 2rem;
  }
}
@media (max-width: 480px) {
  .partnerNeeds.qualchk {
    grid-template-columns: 1fr;
    row-gap: 2rem;
  }
}
.partnerNeeds .partBox {
  padding: 2rem;
  text-align: center;
  background-color: #fff;
  border-radius: 1.5rem;
  display: grid;
  align-content: center;
  box-shadow: 0 0 2.5rem 0.2rem rgba(0, 0, 0, 0.09);
  transition: all 0.5s;
}
.partnerNeeds .partBox:hover {
  box-shadow: 0 0 1rem 0.1rem rgba(0, 0, 0, 0.11);
  transform: translateY(0.5rem);
}
.partnerNeeds .partBox h3 {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 1.5rem;
  text-transform: capitalize;
}
.partnerNeeds .partBox h4 {
  font-weight: bold;
  font-size: 1.69rem;
  margin-bottom: 0;
}
.partnerNeeds .partBox p {
  margin: 0;
  text-align: center;
}
.partnerNeeds .partBox .partIcon {
  position: relative;
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
}
.partnerNeeds .partBox .partIcon svg,
.partnerNeeds .partBox .partIcon img {
  width: 6.4rem;
  height: 6.4rem;
  fill: none;
}
.partnerNeeds .partBox .partIcon svg.red {
  fill: #ea4234;
}

.easygrid {
  grid-template-columns: repeat(3, 1fr);
  column-gap: 3rem;
  display: grid;
  /*    @include respond(normal-tab){*/
}
@media (max-width: 1024px) {
  .easygrid {
    grid-template-columns: 1fr;
    align-items: center !important;
    justify-content: center !important;
    column-gap: 0;
  }
}
.easygrid .easybox {
  padding: 2rem;
  text-align: center;
  display: grid;
  align-content: center;
}
.easygrid .easybox h3 {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
}
.easygrid .easybox p {
  margin: 0;
}
.easygrid .easybox .easyicon {
  position: relative;
  padding-top: 5rem;
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
}
.easygrid .easybox .easyicon::after {
  width: 20rem;
  height: 10rem;
  background-color: transparent;
  border-top-left-radius: 10rem;
  border-top-right-radius: 10rem;
  border: 0.7rem solid #a6b1e1;
  border-bottom: 0;
  content: "";
  position: absolute;
  top: 0;
  margin: 0 auto;
  transition: all 0.3s ease-out;
  z-index: 0;
}
.easygrid .easybox .easyicon svg,
.easygrid .easybox .easyicon img {
  width: 6.4rem;
  height: 6.4rem;
  fill: #ea4234;
}
.easygrid .easybox .easyicon:hover::after {
  border-color: #ea4234;
}

.newHomeAbout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 2rem 0;
  /*    @include respond(tab-port){*/
}
@media (max-width: 1024px) {
  .newHomeAbout {
    grid-template-columns: 1fr;
    padding: 0;
  }
}
.newHomeAbout .pictureSide {
  padding: 2rem 0;
  /*      @include respond(tab-port){*/
}

.newHomeAbout .picture {
  position: relative;
  /*      @include respond(tab-port){*/
}

.newHomeAbout .pictureSide .sow-image-container {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  height: auto;
}
.newHomeAbout .pictureSide .sow-image-container img {
  position: relative;
  z-index: 1;
  vertical-align: middle;
  height: auto;
}
.newHomeAbout .picture::after {
  content: "";
  z-index: 0;
  top: -10%;
  bottom: -10%;
  background-color: #fff;
  width: 80%;
  height: 120%;
  box-shadow: 0 0 2.5rem 1rem rgba(0, 0, 0, 0.07);
  transition: all 0.5s ease;
  /*@include respond(tab-port){*/
}
.newHomeAbout .pictureSide .sow-image-container::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  top: -10%;
  bottom: -10%;
  background-color: #ffffff;
  width: 80%;
  height: 120%;
  box-shadow: 0 0 2.5rem 1rem rgba(0, 0, 0, 0.07);
  transition: all 0.5s ease;
  /*@include respond(tab-port){*/
}

.newHomeAbout .picture img {
  max-width: 100%;
  position: relative;
  z-index: 1;
}
.newHomeAbout .picture:hover::after {
  box-shadow: 0 0 2rem 0.5rem rgba(0, 0, 0, 0.09);
  top: -8%;
  bottom: -8%;
  height: 116%;
}
.newHomeAbout .textSide {
  padding-left: 5rem;
  display: grid;
  align-content: center;
  justify-items: left;
  /*      @include respond(tab-port){*/
}

.newHomeAbout .textSide a {
  margin-top: 1.5rem;
}
.newHomeAbout .textSide p strong {
  color: #101010;
}
.newHomeAbout .textSide h2 {
  font-size: 4rem;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 2rem;
  /*        @include respond(tab-port){*/
}

@media (max-width: 1024px) {
  .newHomeAbout .picture::after,
  .newHomeAbout .pictureSide .sow-image-container::after { 
    display: none;
  }

  .newHomeAbout .pictureSide {
    padding: 2rem 0 0 0;
    grid-row: 2 / 2;
  }

	
}
@media (max-width: 992px) {
	.newHomeAbout { 
		flex-wrap: wrap-reverse !important;
	}
	.newHomeAbout .panel-grid-cell {
		width: 100% !important;
	}
	.newHomeAbout .picture {
		text-align: center;
	  }
  .newHomeAbout .textSide {
    padding: 0;
  }
  .newHomeAbout .textSide h2 {
    font-size: 3rem;
  }
}

.homeCompany {
  grid-template-columns: 1fr 50rem;
  padding: 0;
  display: grid;
}
.homeCompany p strong {
  color: #101010;
}
.homeCompany .pictureSide {
  padding: 2rem 0 6rem 0;  
}
.homeCompany .pictures {
  position: relative;
  max-width: 40rem;
  margin-left: auto;  
}

.homeCompany .pictures::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: -5rem;
  bottom: -5rem;
  background-color: #eee;
  width: 50%;
  height: 80%;
  border: 0.7rem solid #a6b1e1;
  transition: all 1s ease;  
}

.homeCompany .pictures img {
  max-width: 100%;
  position: relative;
  z-index: 1;
}
.homeCompany .pictures:hover::after {
  border-color: #3f85f5;
}
.homeCompany .fulltext {
  grid-column: span 2;
}
.homeCompany .textSide h2 {
  font-size: 4rem;
  text-transform: uppercase;
  font-weight: 700;
  margin: 2rem 0; 
}
.homeCompany .textSide h2 span {
  display: inline-flex;
  padding-bottom: 0.55rem;
  border-bottom: 0.5rem solid #ea4234;
}

.homeCompany .textSide hr {
  height: 0.5rem;
  width: 25rem;
  background-color: #ea4234;
  opacity: 1;
  margin: 1rem 0 2rem 0;
}

@media (max-width: 1024px) {
  .homeCompany {
    grid-template-columns: 1fr;
  }
  .homeCompany .pictures::after {
    display: none;
  }
  .homeCompany .pictureSide {
    grid-row: 3 / 3;
    padding: 2rem 0 0 0;
  }
}
@media (max-width: 992px) {
  .homeCompany { 
    flex-wrap: wrap !important;
  }
  .homeCompany .panel-grid-cell {
    width: 100% !important;    
  }
  .homeCompany .textSide h2 {
    font-size: 3rem;
  }
  .homeCompany .pictures {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
}

/* .sfsi_plus_wDiv {
  margin-top: 15px;
} */

.equalclmns .contactsocial a:hover {
	background-color: #B61F24 !important;
}

.homeGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  /*    @include respond(menu-tab){*/
  /*     @include respond(phone){*/
  /*     @include respond(xsd){*/
}
@media (max-width: 1200px) {
  .homeGrid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .homeGrid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .homeGrid {
    grid-template-columns: 1fr;
  }
}
.homeGrid-box {
  position: relative;
  overflow: hidden;
}
.homeGrid-box .overlays {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  transition: all 0.5s ease-in;
  padding: 1.9rem;
  /*        @include respond(medium-tab){*/
  /*         @include respond(xsd){*/
}
@media (max-width: 1024px) {
  .homeGrid-box .overlays {
    padding: 1rem;
  }
}
@media (max-width: 480px) {
  .homeGrid-box .overlays {
    padding: 1.5rem;
  }
}
.homeGrid-box .overlays a {
  font-size: 1.66rem;
  display: none;
  transition: all 0.5s ease;
}
.homeGrid-box .overlays h4 {
  font-size: 2.8rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-shadow: 0.1rem 0.1rem 0.3rem #000000;
  transition: all 0.5s ease;
  margin: 0;
  /*          @include respond(tab-port){*/
  /*           @include respond(xsd){*/
}
@media (max-width: 1024px) {
  .homeGrid-box .overlays h4 {
    font-size: 2rem;
  }
}
@media (max-width: 480px) {
  .homeGrid-box .overlays h4 {
    font-size: 2.5rem;
  }
}
.homeGrid-box .overlays:hover {
  background-color: rgba(0, 0, 0, 0.72);
}
.homeGrid-box .overlays:hover h4 {
  margin-bottom: 2rem;
}
.homeGrid-box .overlays:hover a {
  display: inline-flex;
  animation: movefromBottom 0.7s ease;
}
.homeGrid-box img {
  max-width: 100%;
  display: flex;
}

.keyDefference {
  grid-template-columns: repeat(3, 1fr);
  column-gap: 5rem;
  row-gap: 5rem;
  display: grid;
  /*     @include respond(phone){*/
  /*     @include respond(xsd){*/
}
@media (max-width: 767px) {
  .keyDefference {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .keyDefference {
    grid-template-columns: 1fr;
  }
}
.keyDefference .keybox {
  padding: 2rem;
  text-align: center;
  background-color: #fff;
  border-radius: 1.5rem;
  display: grid;
  align-content: baseline;
  justify-items: center;
}
.keyDefference .keybox h3 {
  font-weight: bold;
  font-size: 2.1rem;
  margin-bottom: 1.5rem;
  color: #ea4234;
}
.keyDefference .keybox p {
  margin: 0;
  text-align: center;
}
.keyDefference .keybox .keyicon {
  position: relative;
  margin-bottom: 2rem;
  height: 11rem;
  width: 11rem;
  display: flex;
  justify-content: center;
  background-color: rgba(234, 66, 52, 0.1);
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}
.keyDefference .keybox .keyicon svg,
.keyDefference .keybox .keyicon img {
  width: 6.4rem;
  height: 6.4rem;
}
.keyDefference .keybox:hover .keyicon {
  transform: translateY(-0.5rem);
  border-radius: 50%;
}


@keyframes movetoTop {
  0% {
    transform: translateY(1rem);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes menumotion {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes moveLeft {
  0% {
    transform: translateX(20%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes pulsate {
  0% {
    transform: scaleY(1);
    box-shadow: none;
  }
  50% {
    transform: scaleY(1.05);
    box-shadow: 0 1rem 4rem rgba(0, 0, 0, 0.25);
  }
  100% {
    transform: scaleY(1);
    box-shadow: none;
  }
}

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

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

@keyframes movetoBottom {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes movefromBottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes menuBoxes {
  0% {
    opacity: 0;
    top: 90%;
  }
  100% {
    top: 100%;
    opacity: 1;
  }
}

@keyframes serviceBox {
  0% {
    opacity: 0;
    transform: translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

@keyframes growSize {
  0% {
    opacity: 0.5;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes zoomOout {
  0% {
    opacity: 0;
    width: 20%;
  }
  100% {
    opacity: 0;
    width: 100%;
  }
}

@keyframes invisible {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}

@keyframes imageAnimation {
  0% {
    transform: scale(1.2) rotate3d(1, 1, 1, 8deg);
  }
  100% {
    transform: scale(1) rotate3d(0);
  }
}

@keyframes panning {
  0% {
    background-position: 0% 0%;
  }
  25% {
    background-position: 100% 100%;
  }
  50% {
    background-position: 100% 0%;
  }
  75% {
    background-position: 0 100%;
  }
  100% {
    background-position: 0 0;
  }
}

@keyframes landBottom {
  0% {
    opacity: 0.5;
    transform: translateY(-100%);
    margin-top: -100%;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    margin-top: -3rem;
  }
}

@keyframes colorchange {
  0% {
    background: radial-gradient(#da0000 5%, #b61f24);
  }
  25% {
    background: radial-gradient(#da0000 10%, #b61f24);
  }
  50% {
    background: radial-gradient(#da0000 20%, #b61f24);
  }
  75% {
    background: radial-gradient(#da0000 30%, #b61f24);
  }
  100% {
    background: radial-gradient(#da0000 40%, #b61f24);
  }
}

@keyframes snooze {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1) rotate(5deg);
  }
  100% {
    transform: scale(1);
  }
}


.depicter-layer-frame h1.depicter-element .redtxt {
	color: #ea4234;
}


/*Header Menu Styles*/
#mega-menu-wrap-main-menu {
  background: transparent !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item {
  letter-spacing: 0.66px;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1.5;
  font-size: 1.66rem;
 font-family: 'SuisseIntl-Regular', sans-serif;
  color: #000000;
  display: inline;
  vertical-align: middle;
  position: relative;
  padding: 0px 3px 0px 3px;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu {
  padding: 1rem;
  transform: translateX(-50%);
  box-shadow: 0.5rem 0.5rem 1rem rgba(16, 16, 16, 0.2);
  width: max-content;
  animation: menumotion 0.5s ease-out;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item > ul.mega-sub-menu li {
  margin-bottom: 0.5rem;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  line-height: 1.5;
  font-size: 1.5rem;
	padding:1rem 1rem;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
  color: #1b1c21;
  font-weight: 700;
  font-size: 1.5rem;
  padding-bottom: 0.5rem;
  margin-top: 1.5rem;
}

#mega-menu-item-156 > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
  width: fit-content !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
  width: max-content;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu .menu-sub-title-link{
    color: #1b1c21;
    font-weight: 700;
    font-size: 1.66rem;
    padding-bottom: 0.5rem;
    margin-top: 1.5rem;
    text-transform: uppercase;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
  padding: 1rem;
  box-shadow: 0.5rem 0.5rem 1rem rgba(16, 16, 16, 0.2);
  animation: menumotion 0.5s ease-out;
  width: max-content;
  background-color: #f7f7f7;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding: 0px 30px 0px 0px;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:last-child > ul.mega-sub-menu > li.mega-menu-item {
  padding: 0px 0px 0px 0px;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item ul.menu {
  list-style-type: none;
  padding-left: 0;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item ul.menu li.menu-item a {
  color: #1b1c21 !important;
  padding:1rem;
  font-size: 1.5rem !important;
  text-decoration: none;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item ul.menu li.menu-item a:hover {
  color: #ea4234 !important;
}
#mega-menu-item-851 ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
  margin-top: 0.2rem !important;
}
#mega-menu-item-156 > ul.mega-sub-menu {
  left: -175px !important;
}

#mega-menu-item-851 > ul.mega-sub-menu {
  width: 33% !important;
  left: auto !important;
  /* width: 30% !important; */
}
#mega-menu-item-851 > ul.mega-sub-menu > li.mega-menu-row  {
  width: fit-content !important;
}
#mega-menu-item-851 > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu .mega-menu-column {
  width: 100% !important;
}

#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, 
#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, 
#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
  background-color: #ea4234;
  width: 33px;
  height: 3px;
}
#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
  top: 8px;
}
#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
  top: 16px;
}
#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
  top: 6px;
}
#mega-menu-wrap-main-menu:has(.mega-menu-open) #mega-menu-main-menu[data-effect-mobile^="slide_right"] + button.mega-close {
  left: 340px;
  background: #ea4234;
  border-radius: 50%;
  top: 15px;
}
#mega-menu-wrap-main-menu:has(.mega-menu-open) #mega-menu-main-menu[data-effect-mobile^="slide_"] + button.mega-close:before {
  width: 26px;
  height: 26px;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
  font-size: 1.2rem;
  margin-top: .5rem;  
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item ul.menu li.menu-item a {
  font-size: 1.3rem;
}
#mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
	top: 20px;
}


@media only screen and (max-width: 48em) {
  /* .menubar .contactnumbers ul li {
      font-size: 1rem;
  } */
}




@media only screen and (max-width: 1250px) {
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 1200px){
  #mega-menu-wrap-main-menu {
    order: 2;
  }
  #mega-menu-wrap-main-menu .mega-menu-toggle.mega-menu-open + #mega-menu-main-menu {    
    padding: 2rem 1rem;
    width: 380px;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item {
    padding: 1rem 2rem 1rem 1rem;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
    color: #1b1c21;    
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    float: none;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu,
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    transform: none;
    box-shadow: none;
    max-width: fit-content;
    padding: 15px 0px;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    padding: 0px;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
    box-shadow: none;
    max-width: fit-content;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, 
  #mega-menu-wrap-main-menu #mega-menu-main-menu li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
    width: fit-content !important;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu {
    float: none;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    font-size: 1.3rem;
  }
  
}
@media(max-width: 767px){
  #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box{
    width: 30px;
  }
}



/* Gallery Styles */
@media only screen and (max-width: 75em) {
	.modula-gallery .modula-items .figc .jtg-title {
		font-size: 2rem !important;
	}
}
@media only screen and (max-width: 62em) {
	.modula-gallery .modula-items .figc .jtg-title {
		font-size: 1.8rem !important;
	}
}

@media only screen and (max-width: 54em) {
	.modula-gallery .modula-item {
		width: 33.33% !important;
	}
}
@media only screen and (max-width: 47.9375em) {
	.modula-gallery .modula-items .figc .jtg-title {
		font-size: 1.2rem !important;
	}
}
@media only screen and (max-width: 37.5em) {
	.modula-gallery .modula-item {
		width: 50% !important;
	}	 
  .modula-gallery .modula-items .figc .jtg-title {
		font-size: 1.5rem !important;
	}
}
@media only screen and (max-width: 25em) {
	.modula-gallery .modula-item {
		width: 100% !important;
	}	
}


/* Events Page styles */
.events-container {
    display: flex;
    gap: 20px;
    align-items: stretch; /* Ensures both sections match height */
}

.event-left, .event-right {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.featured-event {
    width: 100%;
    flex-grow: 1; /* Makes it fill the available height */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-image 0.3s ease-in-out;
    border-radius: 10px;
}

.event-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
	border-style: dashed;
	padding: 1.5rem 1.5rem 1.5rem 1.5rem;
	border-radius: 10px;
    border-width: 2px;
    border-color: #474747;
	max-height: 635px;
}

.events-list {
    list-style: none;
    padding: 0;
	overflow: scroll;
}

.event-item {
    padding: 10px;
    cursor: pointer;
}

.event-item h3 {
    margin: 5px 0;
}

.event-meta-wrap {
    font-size: 14px;
    color: #777;
}

.event-item a {
    text-decoration: none;
    color: inherit;
    display: block;
}



.event-info-wrap {
  position: relative;
}
.event-info-wrap::before {
  content: "";
  position: absolute;
  right: -38px;
  top: -38px;
  width: 113px;
  height: 147px;
  background: url("./assets/img/svg/event-info-frame-right.svg");
  z-index: -1;
}
.event-info-wrap::after {
  content: "";
  position: absolute;
  left: -38px;
  bottom: -38px;
  width: 113px;
  height: 147px;
  background: url("./assets/img/svg/event-info-frame-left.svg");
  z-index: -1;
}
.event-info-title-wrap h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}
.event-info-title-wrap h2 .subtitles_two {
  font-weight: 700;
	font-size: 3rem;
}
.event-gallery-title-wrap h2 {
	font-weight: 700;
}
.event-gallery-title-wrap h2 .subtitles_two {
  	font-weight: 700;
	font-size: 3rem;
}
.event-list-main-title-wrap h2 {
  font-weight: 700;
  text-transform: uppercase;
}
.event-list-sub-title-wrap h3 {
  font-weight: 800;
}
.event-list-wrap {
/*   border-style: dashed; */
}
.event-list-wrap .event-cnt-wrap {
  padding: 10px;
  border-radius: 10px;
}
.event-list-wrap .event-cnt-wrap:hover{
  background-color: #EA4234;
}
.event-list-wrap .event-cnt-wrap a {
  text-decoration: none;
}
.event-list-wrap .event-cnt-wrap .event-meta-wrap {
  padding-bottom: 15px;
}
.event-list-wrap .events-list .event-meta-wrap .event-cat {
  background-color: #EA4234;
  padding: 4px 5px;
  color: #fff;
  border-radius: 4px;
  margin-right: 10px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}
.event-list-wrap .event-cnt-wrap:hover .event-meta-wrap .event-cat {
  background-color: #fff;
  color: #EA4234;
}
.event-list-wrap .events-list .event-meta-wrap .event-date {
  font-size: 12px;  
  color: #656565;
}
.event-list-wrap .event-cnt-wrap:hover .event-meta-wrap .event-date {  
  color: #fff;
}
.event-list-wrap .events-list .event-cnt-wrap h3 {
    text-decoration: none;
    color: #201E1E;
    font-weight: 600;
    font-size: 22px;
    transition: none;
}
.event-list-wrap .event-cnt-wrap:hover h3 {  
  color: #fff;
}
.event-list-wrap .events-list .event-cnt-wrap p {
  font-size: 14px;
  color: #656565;  
}
.event-list-wrap .event-cnt-wrap:hover p {  
  color: #fff;
}
.event-gallery-title-wrap h2 {  
  font-weight: 600;
}
.event-gallery-sub-title-wrap h3 {  
  font-weight: 700;
}
.event-gallery-wrap .wp-block-pgcsimplygalleryblock-masonry .pgcsimplygalleryblock-masonry-content .collectionColumn {
  /* width: auto !important; */
}
.event-gallery-wrap .wp-block-pgcsimplygalleryblock-masonry  .pgcsimplygalleryblock-masonry-item.pgc-video .pgcsimplygalleryblock-masonry-item-inner .pgcsimplygalleryblock-masonry-item-badge{
  background: url('./assets/img/svg/playbtn.svg');
  bottom: 20px;
  left: 35px;
  width: 65px;
  height: 65px;
}
.event-gallery-wrap .wp-block-pgcsimplygalleryblock-masonry  .pgcsimplygalleryblock-masonry-item.pgc-video .pgcsimplygalleryblock-masonry-item-inner .pgcsimplygalleryblock-masonry-item-badge svg {
  display: none;
}
.event-gallery-wrap .wp-block-pgcsimplygalleryblock-masonry .pgcsimplygalleryblock-masonry-item.pgc-video .pgcsimplygalleryblock-masonry-item-hover {
  opacity: 0.8;
}
.event-gallery-wrap .wp-block-pgcsimplygalleryblock-masonry .pgcsimplygalleryblock-masonry-item.pgc-video:hover .pgcsimplygalleryblock-masonry-item-hover {
  opacity: 1;
}
.event-gallery-wrap .wp-block-pgcsimplygalleryblock-masonry .pgcsimplygalleryblock-masonry-item-inner.action-lightbox {
  cursor: pointer;
}


@media screen and (max-width: 992px) {
    .events-container {
        flex-direction: column-reverse;
    }

    .event-left, .event-right {
        width: 100%;
    }
	.event-left {
		height: 400px;
		display: none;
	}
	.event-info-wrap{
		flex-direction: column;
	}
	.event-info-wrap .panel-grid-cell {
		width: 100% !important;
	}
	.event-info-title-wrap h2 {
		font-size: 2rem !important;
	}
	.event-info-title-wrap h2 .subtitles_two {
		font-size: 2rem;
	}
	.event-info-title-wrap h3 {
		font-size: 2rem !important;
	}
	.event-info-title-wrap h3 .subtitles_two {
		font-size: 2rem;
	}
	.event-gallery-title-wrap h2 {
		font-size: 2rem !important;
	}
	.event-gallery-title-wrap h2 .subtitles_two {
		font-size: 2rem;
	}
	.event-join-wrap .sowb-button,
	.event-info-wrap .sowb-button {
		font-size: 1.2rem !important;
	}
}



@media only screen and (max-width: 767px) {
  .event-gallery-wrap .pgcsimplygalleryblock-masonry-collection .pgcsimplygalleryblock-masonry-content {
    flex-direction: column;
  }
  .event-gallery-wrap .wp-block-pgcsimplygalleryblock-masonry .pgcsimplygalleryblock-masonry-content .collectionColumn {
    width: 100% !important;
  }
  .event-list-wrap .events-list .event-cnt-wrap h3 {
	font-size: 18px;		
  }	
	.event-list-wrap .events-list .event-meta-wrap .event-cat {
		font-size: 11px;
	}
	.event-list-sub-title-wrap h3 {
		font-size: 2.5rem !important;
	}
}

@media screen and (max-width: 575px) {
	.event-left {
		height: 300px;
	}
	.event-info-title-wrap h3 {
		font-size: 2.3rem !important;
	}
	.event-join-wrap .sowb-button,
	.event-info-wrap .sowb-button {
		font-size: 1.3rem !important;
	}
}


/* Events Details Page Styles. */
/* body.single-event header nav.topNav, */
body.single-event #Talk-to-us-button,
body.single-event .endnav {
	display: none;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, 
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, 
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
  background-color: #ea4234;  
}
#mega-menu-wrap-max_mega_menu_1:has(.mega-menu-open) #mega-menu-max_mega_menu_1[data-effect-mobile^="slide_"] + button.mega-close::before {
  width: 26px;
  height: 26px;
  background:#ea4234;  
  border-radius: 50%;
}
#mega-menu-wrap-max_mega_menu_1:has(.mega-menu-open) #mega-menu-max_mega_menu_1[data-effect-mobile^="slide_"] + button.mega-close {
  left: 340px;
  background:#ea4234;  
  top: 15px;
  border-radius:50%;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open + #mega-menu-max_mega_menu_1 {
    padding:2rem 1rem;
    width: 380px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 1.5;
  font-size: 1.66rem;
 font-family: 'SuisseIntl-Regular', sans-serif;  
  display: inline;
  vertical-align: middle;
  position: relative;
  padding: 0px 3px 0px 3px;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #333;
    background: rgba(34, 34, 34, 0);
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    float: none;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item {
    padding: 1rem 2rem 1rem 1rem;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item ul.menu li.menu-item a {
  font-size: 1.3rem;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item ul.menu li.menu-item a {
  color: #1b1c21 !important;
  padding: 0 !important;
  font-size: 1.5rem;
  text-decoration: none;	
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  line-height: 1.5;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item > ul.mega-sub-menu li {
  margin-bottom: 0.5rem;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu, 
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    transform: none;
    box-shadow: none;
    max-width: fit-content;
    padding: 15px 0px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item ul.menu li.menu-item a:hover {
  color: #ea4234 !important;
}
/* #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item ul.menu li.menu-item a {
  font-size: 1.3rem;
} */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu .menu-sub-title-link {
  color: #1b1c21;
  font-weight: 700;
  font-size: 1.66rem;
  padding-bottom: 0.5rem;
  margin-top: 1.5rem;
  text-transform: uppercase;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, 
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  color: #666;
  font-family: inherit;
  font-size: 14px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu {
	float: none;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    padding: 0px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding: 0px 15px 0px 15px;  
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
	background: #f1f1f1;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
	float: none;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
	color: #1b1c21;
  	font-weight: 700;
	font-size: 1.2rem;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-851-0 {
	padding: 10px 0px;
}

@media only screen and (max-width: 2000px) {
	#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
		float: none;
		width: 100% !important;
	}
}


/* Responsive styles */
@media only screen and (max-width: 1200px) {
  .qualcaptop {
    flex-direction: column-reverse;
  }
  .qualcaptop .panel-grid-cell {
    width: 100% !important;
  }
  .qualcaptop .panel-grid-cell .widget_media_image {
    text-align: center;
  }  
	.buttn-red { 
		height: 7rem;
  		width: 7rem;
	}
}
@media only screen and (max-width: 1024px) {
  .whoweare {
    padding: 0rem 0rem 0rem 0rem !important; 
  }
  .whoweare .panel-grid-cell,
  .captop .panel-grid-cell,
  .splitcontent .panel-grid-cell {
    width: 100% !important;
  }
  .splitcontent {
    flex-direction: column !important;
  }
  .splitcontent.rightSidecnt,
  .splitcontent.mro-splitcontent,
  .splitcontent.news-splitcontent {
    flex-direction: column-reverse !important;
  }
  .whoweare .panel-grid-cell .widget_media_image {
    text-align: center;
  }
  .sfsi_plus_wDiv .sfsi_plus_wicons a {
    width: 4rem !important;
    height: 4rem !important;
  }
  .sfsi_plus_actvite_theme_flat .sfsiplus_inerCnt .sfcm.sfsi_wicon {
    width: 43% !important;
  }
  
  .careerColumns {
    flex-direction: column;
    flex-wrap: wrap;
  }
  .careerColumns .panel-grid-cell {
    width: 100% !important;
  }
  .vision-mision-wrap {
	 flex-direction: column-reverse !important;
  }
	.vision-mision-wrap .vision-mision-col-img {
	 max-height: 333px;
  }
}
@media only screen and (max-width: 780px) {
  .whoweare, 
  .captop {
    flex-direction: column-reverse !important;
  }
}

@media only screen and (max-width: 767px) {
  .event-list-content-wrap .event-list-col {
    min-height: 37rem !important;
  }
	.vision-mision-wrap .vision-mision-col-img {
	 min-height: 37rem !important;
  }
  .buttn-red {
	  font-size: 1.2rem;	
	  height: 6rem;
	  width: 6rem;
  }
}
@media only screen and (max-width: 576px){
	.buttn-red {
		right: 2.8rem;
	}
}
/*blog css*/
.custom-seven-grid .grid-layout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas:
        "post1 post2"
        "post1 post3";
 		gap: 2rem;
}
.grid-item { background: #f9f9f9; padding: 15px; border: 1px solid #ddd; }

/* Posts 1-3 mapped by grid-area */
.item-1 { grid-area: post1; }
.item-2 { grid-area: post2; }
.item-3 { grid-area: post3; }

/* Posts 4–7 in separate flex container below */
.grid-row-pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem;
    margin-top: 20px;
}

.grid-item {
    background: #f9f9f9;
/*     padding: .5rem; */
    border: none;
}

#filter-sidebar ul {
    list-style: none;
    margin-bottom: 5rem;
}
#filter-sidebar #filter-categories{
	width: 210px;
    height: 312px;
    text-align: left;
}
#filter-sidebar #filter-categories li {
    cursor: pointer;
    border-radius: 23px;
    border-width: 1px;
    padding-top: 10px;
    padding-right: 24px;
    padding-bottom: 10px;
    padding-left: 24px;
    border: 1px solid #B9B9B9;
    text-align: center;
	margin-bottom:1.5rem;
}
#filter-sidebar #filter-categories li:hover {
    text-decoration: none;
}
#filter-sidebar #filter-categories li.active {
    font-weight: bold;
    text-decoration: none;
	background: #EA4234;
    border: 1px solid #EA4234;
   font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
	padding-top: 10px;
    padding-right: 24px;
    padding-bottom: 10px;
    padding-left: 24px;
    text-transform: capitalize;
	color:#fff;
}
#filter-sidebar h4{
	font-family: 'SuisseIntl-Regular', cursive;
	font-weight: 600;
	font-size: 36px;
	line-height: 100%;
	text-transform: capitalize;
	color: #1B1C21;
	margin-bottom: 2rem;
}
#filter-sidebar h5{
	font-family: 'SuisseIntl-Regular', cursive;
    font-weight: 500;
    font-size: 18px;
    line-height: 100%;
    text-transform: capitalize;
	color: #EA4234;
}
#filter-sidebar #filter-tags{
    list-style: none;
    margin-bottom: 5rem;
	border: 1px solid #E0E4EC;
	height: auto;
    display: inline-block;
    border-width: 1px;
    border-radius: 4px;
    margin: 0px;
    padding: 0px;
    width: 100%;
	margin-bottom: 4rem;
}
#filter-sidebar #filter-tags li {
   font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    text-transform: capitalize;
    color: #505157;
	width: auto;
    height: 26px;
    float: left;
    border-radius: 100px;
    border-width: 1px;
    padding-top: 6px;
    padding-right: 18px;
    padding-bottom: 6px;
    padding-left: 18px;
	border: 1px solid #DDDDDD;
	margin: .5rem;
	cursor: pointer;
}
#filter-sidebar #filter-tags li:hover {
    
}
#filter-sidebar #filter-tags li.active {
   font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    text-transform: capitalize;
    color: #505157;
	width: auto;
    height: 26px;
    float: left;
    border-radius: 100px;
    border-width: 1px;
    padding-top: 6px;
    padding-right: 18px;
    padding-bottom: 6px;
    padding-left: 18px;
	border: 1px solid #DDDDDD;
}
.custom-post-title {
   font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    text-transform: capitalize;
    margin-top: .5rem;
}
.firsttitle{
   font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 44.8px;
    letter-spacing: 0;
    text-transform: capitalize;
    margin-top: 10px;
}
.image-wrapper {
    position: relative;
    display: inline-block;
}

.image-buttons {
    position: absolute;
    top: 8px;
    right: 8px;
/*     background: rgba(0, 0, 0, 0.5); */
    color: white;
    padding: 3px 8px;
    font-size: 16px;
    border-radius: 4px;
   font-family: 'SuisseIntl-Regular', sans-serif;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
}

.image-buttons .divider {
    margin: 0 6px;
}
.post-meta {
    display: flex;
    align-items: center;
    margin-top: 8px;
    font-size: 14px;
    color: #666;
    flex-wrap: wrap;
}

/* Force spacing between category and read time */
.post-category{
	color:#EA4234;
	margin-right: .5rem;
    white-space: nowrap;
}
.post-readtime {
    margin-right: 16px;
    white-space: nowrap;
}

/* Dot styling */
.post-readtime .dot {
    font-size: 1.4em;
    vertical-align: middle;
    margin-right: 5px;
}

/* Push .post-date to the far right */
.post-date {
    margin-left: auto;
    white-space: nowrap;
/*     font-style: italic; */
}

/* 1. Make grid layout responsive */
@media (max-width: 900px) {
    .custom-seven-grid .grid-layout {
        grid-template-columns: 1fr;
        grid-template-areas:
            "post1"
            "post2"
            "post3";
    }
    .grid-row-pair {
        grid-template-columns: 1fr;
    }
}

/* 2. Ensure images keep correct aspect ratio and scale responsively */
.responsive-image-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* default fallback ratio, can be overridden inline */
    overflow: hidden;
}

.responsive-image-wrapper img {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

/* 3. Image buttons responsiveness */
.image-buttons {
    top: 8px;
    right: 8px;
    padding: 2px 6px;
    font-size: 14px;
}

.image-buttons img {
    width: 18px;
    height: 18px;
}
  .post-author {
        font-weight: 500;
    font-size: 1.25rem;
    color: #6B6B6B;
    }
@media (max-width: 600px) {
    .custom-post-title,
    .firsttitle {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

    .post-author {
        font-weight: 500;
    font-size: 1.25rem;
    color: #6B6B6B;
    }

    .image-buttons {
        top: 5px;
        right: 5px;
        gap: 6px;
    }

    .image-buttons img {
        width: 16px;
        height: 16px;
    }

    .grid-item {
        padding: 10px;
    }
}
/* Default Desktop Layout */
#seven-post-layout {
    display: flex;
    gap: 20px;
}

#seven-post-layout .filter-sidebar {
    width: 20%;
    min-width: 200px;
}

#seven-post-layout .blogcontarea {
    width: 80%;
}

/* Responsive Layout for Tablets and Mobiles */
@media (max-width: 768px) {
    #seven-post-layout {
        flex-direction: column;
    }

    #seven-post-layout .filter-sidebar,
    #seven-post-layout .blogcontarea {
        width: 100%;
    }

    #filter-sidebar {
        text-align: center;
        margin-bottom: 2rem;
    }

    #filter-sidebar h4,
    #filter-sidebar h5 {
        text-align: center;
    }

    #filter-categories,
    #filter-tags {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
        margin-top: 1rem;
    }

    #filter-categories li,
    #filter-tags li {
        margin: 0.5rem;
    }
}
.custom-post-title a, .firsttitle a {
    color: inherit;
    text-decoration: none;
}
.custom-post-title a:hover, .firsttitle a:hover {
    text-decoration: underline;
}
/* -------- TOP HEADER -------- */
.jtsi-top-header {
    background: #0c1a2e;
    color: #fff;
    font-size: 14px;
    padding: .25rem clamp(1rem, 5vw, 10rem);
}

.jtsi-top-header .jtsi-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 4rem .25rem 2rem; /* default for large screens */
}

/* Medium screens (tablets) */
@media (max-width: 1024px) {
    .jtsi-top-header .jtsi-container {
        padding: 0.25rem 4rem; /* reduce horizontal padding */
    }
}

/* Small screens (mobile) */
@media (max-width: 768px) {
    .jtsi-top-header .jtsi-container {
        flex-direction: column; /* stack items vertically */
        align-items: flex-start; /* align items to left */
        padding: 0.25rem 2rem;   /* smaller padding */
        gap: 0.5rem;             /* space between stacked items */
    }
}

/* Extra small screens (very small phones) */
@media (max-width: 480px) {
    .jtsi-top-header .jtsi-container {
        padding: 0.25rem 1rem;
    }
}

.jtsi-top-left span, 
.jtsi-top-right span {
/*     margin-right: 20px; */
    vertical-align: middle;
    margin-left: 1.5rem;
}
/* ---------- LARGE SCREENS (DESKTOP 1200px+) ---------- */
@media (min-width: 1200px) {
    .jtsi-top-header .jtsi-container {
        padding-left: 2rem;
        padding-right: 4rem;
    }
}

/* ---------- MEDIUM SCREENS (TABLETS ≤ 1024px) ---------- */
@media (max-width: 1024px) {
    .jtsi-top-header .jtsi-container {
        padding: 0.25rem 3rem;
    }

    .jtsi-top-left span,
    .jtsi-top-right span {
        margin-left: 1rem;
    }
}
/* ---------- Screens 1180px and below ---------- */
@media (max-width: 1180px) {
    .jtsi-top-header .jtsi-container {
        padding: 0.35rem 3rem;   /* slightly reduced padding */
        gap: 0.5rem;
    }

    .jtsi-top-left span,
    .jtsi-top-right span {
        margin-left: 1rem;       /* reduce spacing between items */
    }

    .jtsi-top-left,
    .jtsi-top-right {
        display: flex;
        align-items: center;
        flex-wrap: wrap;         /* supports wrapping when needed */
        gap: 0.75rem;
    }

    .iflag {
        width: 18px;             /* maintain clean visibility */
    }
}

/* ---------- SMALL SCREENS (MOBILE ≤ 768px) ---------- */
@media (max-width: 768px) {
    .jtsi-top-header .jtsi-container {
        flex-direction: column;     /* stack */
        align-items: flex-start;    /* align left */
        padding: 0.5rem 1.5rem;
        gap: 0.5rem;
    }

    .jtsi-top-left,
    .jtsi-top-right {
        width: 100%;                /* full width items */
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .jtsi-top-left span,
    .jtsi-top-right span {
        margin-left: 0;             /* remove large spacing */
    }
}

/* ---------- EXTRA SMALL SCREENS (≤ 480px) ---------- */
@media (max-width: 480px) {
    .jtsi-top-header .jtsi-container {
        padding: 0.5rem 1rem;
    }

    .jtsi-top-left span,
    .jtsi-top-right span {
        font-size: 13px;            /* slightly smaller text */
    }

    .iflag {
        width: 16px;                /* small flag for ultra-small screens */
    }
}

/* -------- MAIN HEADER -------- */
.jtsi-main-header {
    background: #fff;
    padding: 0.5rem 4rem; /* default padding for large screens */
}
/* Medium screens (tablets) */
@media (max-width: 1024px) {
    .jtsi-main-header {
        padding: 0.5rem 2rem; /* reduce horizontal padding */
    }
}

/* Small screens (mobile) */
@media (max-width: 768px) {
    .jtsi-main-header {
        padding: 0.5rem 1rem; /* further reduce padding */
    }
}

/* Extra small screens (very small phones) */
@media (max-width: 480px) {
    .jtsi-main-header {
        padding: 0.5rem 0.5rem; /* minimal padding to fit screen */
    }
}

.jtsi-main-header .jtsi-container {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.jtsi-nav-menu {
    display: flex;
    gap: 25px;
    list-style: none;
}
.jtsi-nav-menu li a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
}

/* Login Button */
.jtsi-header-login .jtsi-login-btn {
    background: #0c1a2e;
    color: white;
    padding: 8px 18px;
    border-radius: 4px;
    text-decoration: none;
}

/* Mobile Toggle */
.jtsi-mobile-toggle {
    display: none;
    font-size: 26px;
    cursor: pointer;
}

/* -------- RESPONSIVE -------- */
@media(max-width: 991px) {
    .jtsi-nav-menu {
        display: none;
        flex-direction: column;
        background: white;
        padding: 20px;
        position: absolute;
        right: 15px;
        top: 80px;
        width: 200px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    }
    .jtsi-mobile-toggle {
        display: block;
    }
}
/* ================================
   FOOTER MAIN STRUCTURE
================================ */

.jtsi-footer {
    position: relative;
    background-color: #0c1624;
    padding-top: .5rem;   /* space for overlay card */
}

/* Top footer wrapper becomes hover trigger */
.jtsi-footer-top {
    position: relative;
    z-index: 2;
}

/* ================================
   WHITE OVERLAY CONTACT CARD
================================ */
.jtsi-footer-contact-box {
    position: absolute;
   bottom: 0;  
    left: 50%; 
    transform: translateX(-50%) translateY(-50%);
    width: 80%;
    max-width: 1200px;
    background: #ffffff;
    color: #000;
    border-radius: 20px;
    padding: 3rem 2rem;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);

    opacity: 0;
    pointer-events: none;
    transition: all .35s ease;
    z-index: 10;
}

/* SHOW ON HOVER */
.jtsi-footer-top:hover + .jtsi-footer-contact-box,
.jtsi-footer-contact-box:hover {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) translateY(-60%); /* slide up */
}

/* ================================
   CONTACT CARD LAYOUT
================================ */

.jtsi-contact-inner {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    flex-wrap: wrap;
}

.jtsi-contact-item {
    width: 30%;
    min-width: 260px;
}

.jtsi-icon-circle {
    width: 60px;
    height: 60px;
    background: #0b1523;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    margin-bottom: 12px;
    font-size: 22px;
}

/* ================================
   FOOTER BOTTOM BAR
================================ */
.jtsi-footer-bottom {
    text-align: center;
    padding: 15px 0;
    background: #d64141;
    font-size: 14px;
    color: #fff;
    position: relative;
    z-index: 1;
}

/* ================================
   RESPONSIVE
================================ */

@media(max-width: 991px) {
    .jtsi-contact-inner {
        flex-direction: column;
        align-items: center;
    }

    .jtsi-contact-item {
        width: 100%;
        text-align: center;
    }
}

@media(max-width: 600px) {
    .jtsi-footer {
        padding-top: 0px; /* more space for taller card */
    }

    .jtsi-footer-contact-box {
        width: 92%;
        padding: 2rem;
    }
}
/* ============================
   FOOTER LINK STYLE — EXACT MATCH
=============================== */

.footer-column h3,
.footer-widget h3 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 18px;
}

/* UL reset */
.footer-widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Link items spacing */
.footer-widget ul li {
    margin-bottom: 6px; /* same as screenshot */
}

/* Link style */
.footer-widget ul li a {
    font-size: 14px;
    color: #D3D3D3;      /* light grey like screenshot */
    text-decoration: none;
    transition: 0.3s;
}

/* Hover color */
.footer-widget ul li a:hover {
    color: #FF4D2F;       /* orange/red from logo */
}

/* Optional: make last item not have extra space */
.footer-widget ul li:last-child {
    margin-bottom: 0;
}

/* ===========================================
   MAIN TOP NAV WRAPPER
=========================================== */
.jtsi-topNav {
    display: flex;
    align-items: center;
    flex: 1;
}

@media (max-width: 1024px) {
    .jtsi-topNav {
        /* grid or flex adjustments here if needed */
    }
}

/* ===========================================
   MAIN NAV MENU
=========================================== */
.jtsi-topNav .jtsi-topNav-menu {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    padding: 0;
}

/* ===========================================
   CLOSE MENU BUTTON (MOBILE)
=========================================== */
.jtsi-topNav .jtsi-topNav-menu .jtsi-closeMenu {
    width: 2.3rem;
    height: 2.3rem;
    border-radius: 100px;
    background-color: #ea4234;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    display: none;
    z-index: 1000;
    cursor: pointer;
}

.jtsi-topNav .jtsi-topNav-menu .jtsi-closeMenu:hover,
.jtsi-topNav .jtsi-topNav-menu .jtsi-closeMenu:focus {
    background-color: #1b1c21;
}

.jtsi-topNav .jtsi-topNav-menu .jtsi-closeMenu svg {
    fill: #fff;
    height: 1.2rem;
    width: 1.2rem;
}

@media (max-width: 1024px) {
    .jtsi-topNav .jtsi-topNav-menu .jtsi-closeMenu {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* ===========================================
   MOBILE MENU
=========================================== */
@media (max-width: 1024px) {
    .jtsi-topNav .jtsi-topNav-menu {
        flex-direction: column;
        position: fixed;
        background-color: #fff;
        width: max-content;
        height: 100vh;
        align-items: flex-start;
        justify-content: start;
        z-index: 1030;
        top: 0;
        left: 0;
        display: none;
        overflow-y: auto;
        animation: growSize 1s cubic-bezier(0.41, 0.73, 0.42, 0.93);
        padding: 2rem;
    }

    .jtsi-topNav .jtsi-topNav-menu.jtsi-showMenu {
        display: flex !important;
    }
}

/* ===========================================
   MENU LIST ITEMS
=========================================== */
.jtsi-topNav .jtsi-topNav-menu li {
    list-style: none;
    display: grid;
    align-content: center;
    letter-spacing: 0.66px;
}

.jtsi-topNav .jtsi-topNav-menu li a {
    display: flex;
    text-transform: capitalize;
    font-weight: 700;
}

.jtsi-topNav .jtsi-topNav-menu li a:link,
.jtsi-topNav .jtsi-topNav-menu li a:visited {
    text-decoration: none;
    display: flex;
    color: #fff;
    padding: 0.5rem 1.1rem;
}

@media (max-width: 1024px) {
    .jtsi-topNav .jtsi-topNav-menu li a:link,
    .jtsi-topNav .jtsi-topNav-menu li a:visited {
        padding: 0.8rem 1rem;
        color: #1b1c21;
    }
}

.jtsi-topNav .jtsi-topNav-menu li a:hover,
.jtsi-topNav .jtsi-topNav-menu li a:active {
    color: #ea4234;
}

/* ===========================================
   DROPDOWNS
=========================================== */
.jtsi-topNav .jtsi-topNav-menu li.jtsi-dropDowns {
    position: relative;
}

.jtsi-topNav .jtsi-topNav-menu li.jtsi-dropDowns.largeBox {
    position: unset !important;
}

.jtsi-topNav .jtsi-topNav-menu li.jtsi-dropDowns > a {
    position: relative;
    padding-right: 2rem;
}

@media (max-width: 1024px) {
    .jtsi-topNav .jtsi-topNav-menu li.jtsi-dropDowns > a {
        padding: 1rem 2rem 1rem 1rem;
    }
}

/* Dropdown arrow */
.jtsi-topNav .jtsi-topNav-menu li.jtsi-dropDowns > a:after {
    content: "";
    position: absolute;
    right: 0.3rem;
    background-image: url("src/assets/img/arrow-drpodown.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 1rem;
    height: 1rem;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease;
}

@media (max-width: 1024px) {
    .jtsi-topNav .jtsi-topNav-menu li.jtsi-dropDowns > a:after {
        background-image: url("src/assets/img/arrowDrpodownB.svg");
    }
}

/* Dropdown arrow active */
.jtsi-topNav .jtsi-topNav-menu li.jtsi-dropDowns > a:hover::after,
.jtsi-topNav .jtsi-topNav-menu li.jtsi-dropDowns > a:focus::after,
.jtsi-topNav .jtsi-topNav-menu li.active > a::after {
    top: 40%;
    transform: rotate(180deg);
    background-image: url("src/assets/img/arrowDrpodown.svg");
}

/* Dropdown box */
.jtsi-topNav .jtsi-topNav-menu li .jtsi-dropDownBox {
    display: none;
    position: absolute;
    top: 100%;
    background: #fff;
    padding: 1rem;
    z-index: 999;
}

.jtsi-topNav .jtsi-topNav-menu li:hover .jtsi-dropDownBox,
.jtsi-topNav .jtsi-topNav-menu li:focus .jtsi-dropDownBox {
    display: grid;
}

/* ===========================================
   END NAV (right-aligned icons/buttons)
=========================================== */
.jtsi-topNav .jtsi-endnav {
    display: flex;
    align-items: center;
/*     position: relative; */
}

@media (max-width: 1024px) {
    .jtsi-topNav .jtsi-endnav {
        margin-left: auto;
    }
}
/* Base link color */
.jtsi-topNav .jtsi-topNav-menu li a:link,
.jtsi-topNav .jtsi-topNav-menu li a:visited {
    color: #000000; /* BLACK */
}

/* Hover + active */
.jtsi-topNav .jtsi-topNav-menu li a:hover,
.jtsi-topNav .jtsi-topNav-menu li a:active {
    color: #000000;
}

/* Active menu item */
.jtsi-topNav .jtsi-topNav-menu li.active a {
    color: #000000;
}
.jtsi-tagline {
    font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 7px;
    line-height: 8px;
    letter-spacing: 0;
    color: #000000;
	margin-top: 0;
    margin-bottom: .16rem !important;
}

.jtsi-tagline span {
    font-weight: 400;
	font-weight:bold;
}

.jtsi-phone img{
    height:30.50px;
    width: 3.5rem
	top: 13.94px;
	left: 933px;
	opacity: 1;
	margin-right: .5rem;
}
.jtsi-top-left img{
	width: 20px;
	height: 20px;
	top: 1.05px;
	left: 1.05px;
	opacity: 1;
	margin-right: 0.5rem;
}
.jtsi-top-right a,.jtsi-top-right a:hover{
	    color: #fff;
    text-decoration: none;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item {
    margin: 0 1.5rem 0 0;
    display: inline-block;
    height: auto;
    vertical-align: middle;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu {
       z-index: 1000;
    position: absolute;
    width: 250px;
    max-width: none;
    padding: 1rem;
    top: 4rem;
    background: #ffffff;
    border: 1px solid #f1f1f1;
    border-radius: .5rem;
}
.jtsi-logo img{
	padding:.5rem;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    display: block;
    background: #ffffff;
    color: #000;
    font-family: inherit;
    font-size: 1.5rem;
    CORNER-SHAPE: SUPERELLIPSE(0.5);
    padding: 1rem 1rem;
    line-height: 1rem;
    text-decoration: none;
    text-transform: none;
    vertical-align: baseline;
}
/* p{
	line-height:3.5rem;
} */
/* Container */
.so-custom-box-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    margin: 30px 0;
}

/* Individual box */
.so-custom-box {
    text-align: center;
}

/* Icon box */
.so-box-icon {
    width: 23%;
    min-width: 200px;
    padding: 5rem 4rem;
    margin-bottom: 0rem;
    border-radius: 1rem 1rem 0 0;
	 margin: 0 auto !important;   
}

.so-box-icon img {
    width: 60px;
    height: auto;
}

/* Buttons */
.so-box-btn {
    display: block;
    margin-top: 0rem;
    padding: 14px 10px;
    border-radius: 10px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
}

/* Light background colors */
.bg-blue-light { background: #e8f0ff !important; }
.bg-yellow-light { background: #fff3d6 !important; }
.bg-green-light { background: #e7ffe9 !important; }
.bg-red-light { background: #ffe5e5 !important; }

/* Button colors */
.btn-blue { background: #1e73ff !important; }
.btn-yellow { background: #ff9f1c !important;border: 0px !important; }
.btn-green { background: #2cbf4c !important; }
.btn-red { background: #f44336 !important;border: 0px !important; }

/* Responsive — stack on smaller screens */
@media (max-width: 768px) {
    .so-custom-box {
        width: 48%;
    }
}
@media (max-width: 480px) {
    .so-custom-box {
        width: 100%;
    }
}
@media (max-width: 600px) {
  .jtsi-top-left {
    display: none;
  }
}
@media (max-width: 600px) {
  .jtsi-top-right a {
    display: block;      /* each link takes full width */
    margin-bottom: 0.8rem; /* space between items */
  }

  .jtsi-top-right span {
    margin-left: 0;      /* remove left margin for better alignment on small screens */
  }
	.jtsi-top-right{
		width:100%;
		        width: 100%;
        text-align: center;
	}
	.headofcapabilities{
		margin:0rem !important;
	}
}
/* Make the outer container a flex container that can wrap */
.so-custom-box-row {
  display: flex !important;
/*   flex-wrap: wrap !important; */
  justify-content: space-between;
  gap: 20px;
  margin: 30px 0;
  /* optional: padding resets (if SiteOrigin adds inline padding) */
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Each column (“cell”) */
.so-custom-box{
  /* For desktop: 4 columns */
  flex: 1 1 calc(25% - 20px) !important; /* 4 in a row */
  /* min-width to prevent collapse too small */
  min-width: 200px;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
}

/* Ensure no leftover margins etc on icon box */
.so-box-icon {
  margin: 0 auto !important;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .so-custom-box {
    flex: 1 1 calc(25% - 20px) !important; /* 4 in a row */
    max-width: calc(25% - 20px);
  }
}

@media (max-width: 600px) {

  .so-custom-box-row {
/*     display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important; */
	  display: flex !important;
        width: 100% !important;
        flex-direction: column-reverse;
  }

  .so-custom-box {
    flex: 1 1 100% !important;
    width: 100% !important;
  }
}
/**New Design updates **/
.ourstorycontent p{
	font-family: 'SuisseIntl-Regular', sans-serif;
	font-weight: 400;
	font-style: Regular;
	font-size: 1.75rem;
	line-height: 3.25rem;
	text-align:justify;
	color:#1D1D1B;
}
.ourstoryhead h2{
	color:#141414;
	    font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 700;
    font-size: 3.5rem;
}
.digitaltranshead h2{
	    font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 700;
    font-size: 3.5rem;
    color: #141414;
}
.digitaltrancontent p{
	font-family: 'SuisseIntl-Regular', sans-serif;
	font-weight: 400;
	font-style: Regular;
	line-height: 3rem;
    text-align: justify;
	line-height: 30px;
	color:#1D1D1B;
}
/* ================================
   PROCESS STEPS HORIZONTAL SLIDER
   ================================ */

.pss-slider {
    display: flex;
    gap: 35px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

.pss-step {
    flex: 0 0 220px;
    scroll-snap-align: start;
}


.pss-slider::-webkit-scrollbar {
    display: none; /* hide scrollbar */
}
.pss-slider-container:hover .pss-slider {
    animation-play-state: paused;
}
/* Cards */
.pss-step {
    flex: 0 0 220px;
    height: 25rem;
    border-radius: 15px;
    padding: 32px 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
    scroll-snap-align: start;
}

/* Icon */
.pss-image img {
    width: 52px;
    height: 52px;
    object-fit: contain;
    filter: brightness(0) invert(1);
    margin-bottom: 18px;
}

/* Headline */
.pss-headline {
	font-family: 'SuisseIntl-Regular', sans-serif;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px;
}

/* Content */
.pss-content {
	font-family: 'SuisseIntl-Regular', sans-serif;
    font-size: 1.25rem;
    line-height: 2rem;
    opacity: 0.95;
}

/* ============================
   EXACT DESIGN COLOR THEMES
   ============================ */
.pss-step[data-color="navy"]   { background: #071627; }
.pss-step[data-color="blue"]   { background: #0A64FF; }
.pss-step[data-color="orange"] { background: #FF9100; }
.pss-step[data-color="green"]  { background: #2C9F31; }
.pss-step[data-color="red"]    { background: #E84529; }
.pss-step[data-color="brown"]    { background: #E35D23; }
.pss-step[data-color="cyan"]    { background: #006EA1; }
.pss-step[data-color="purple"]    { background: #773EA2; }

/* ============================
   RESPONSIVE IMPROVEMENTS
   ============================ */
@media (max-width: 768px) {
    .pss-step {
        flex: 0 0 180px;
        height: auto;
        padding: 25px 18px;
    }
    .pss-headline {
        font-size: 16px;
    }
    .pss-content {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .pss-step {
        flex: 0 0 160px;
        padding: 22px 15px;
    }
    .pss-headline {
        font-size: 15px;
    }
}
/* fade edges for a premium UI */
.pss-slider {
    position: relative;
}
/* Container with relative positioning */
.pss-slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

@media (max-width: 768px) {
    .pss-step { flex: 0 0 180px; }
}
.partnersec h3{
	font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 400;
    font-size: 1.65rem;
    line-height: 1.5rem !important;
    text-align: center !important;
    color: #1D1D1B;
    padding: 1.25rem 0 0 0
}
.partnersec h2{
    font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 700;
    font-size: 4.5rem;
    line-height: 1rem !important;
    text-align: center !important;
    color: #141414;
    padding: 2rem 0;
}
.capabilitiesbgnew{
	background: linear-gradient(
    90deg,
    rgba(19, 55, 91, 0.15),
    rgba(184, 39, 42, 0.15)
);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);

}
.capabilitiesheadline{
	padding:2rem;
}
.headofcapabilities h2{
	font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 700;
    font-size: 3.5rem;
    color: #FFFFFF;
}
.headofcapabilities h3{
	font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 400;
    font-size: 1.85rem;
    line-height: 4rem !important;
    text-align: center !important;
    color: #FFFFFF;
}
.capabilitiesheadline h2{
	font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 3rem;
    text-align: left;
    color: #141414;
	margin-bottom: 0px;
}
.capabilitiesheadline p{
	font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    text-align: left;
    color: #1D1D1B;
    margin-right: 4rem;
    text-align: justify;
	margin-bottom: 0px;
	line-height: 2.5rem;
padding-top: 1rem;
}
.capabilitiesheadline .custom-br {
    display: block;      /* forces a line break */
   margin-top: 1.75rem;
}
.capabilitiesheadlinebutton{
	padding:0px;
	margin:0px;
	padding-bottom: 2.5rem;
}
.capabilitiesheadlinebutton a{
	font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
	color: #EA4234;
    text-decoration: none;
       margin-bottom: 0px;
	padding-left:2rem;
}
.capabilitiesheadlinebutton a:hover{
	font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
	color: #EA4234;
    text-decoration: none;
        margin-bottom: 0px;
}
.cap-btn {
    background-color: #E74C3C !important; /* red color */
    padding: 1.5rem 2rem !important;
    border: 1px solid #E74C3C !important;
    border-radius: 0px !important;
    margin-bottom: 4rem;
    margin-top: 2rem;
}

.cap-btn {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.cap-btn:hover {
    background-color: #cf3f30 !important; /* hover color */
}
.cap-btn:after {
    content: " →";
    margin-left: 6px;
}
/* ========== BASE CARD STYLE ========== */
.tech-card {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 25px;
    transition: all 0.3s ease;
    cursor: pointer;
    color: #000;
}

/* Text & icon colors inside the cards */
.tech-card h3,
.tech-card p,
.tech-card .icon,
.tech-card svg {
    transition: all 0.3s ease;
}


/* ========== ACTIVE (SAP DEFAULT RED) ========== */
.tech-card.active {
    background: #d33a2c;
    border-color: #d33a2c;
    color: #ffffff;
}

.tech-card.active h3,
.tech-card.active p,
.tech-card.active .icon,
.tech-card.active svg {
    color: #ffffff;
    stroke: #ffffff;
}


/* ========== HOVER STATE (ANY CARD) ========== */
.tech-card:hover {
    background: #d33a2c !important;
    border-color: #d33a2c !important;
    color: #ffffff !important;
}

.tech-card:hover h3,
.tech-card:hover p,
.tech-card:hover .icon,
.tech-card:hover svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
}


/* ========== WHEN HOVERING ANY CARD → SAP TURNS WHITE ========== */
/* Except when hovering SAP itself */
.tech-grid:hover .tech-card.active:not(:hover) {
    background: #ffffff !important;
    border-color: #e5e5e5 !important;
    color: #000000 !important;
}

.tech-grid:hover .tech-card.active:not(:hover) h3,
.tech-grid:hover .tech-card.active:not(:hover) p,
.tech-grid:hover .tech-card.active:not(:hover) .icon,
.tech-grid:hover .tech-card.active:not(:hover) svg {
    color: #000000 !important;
    stroke: #000000 !important;
}
.tech-section h2 {
	    font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 700;
    font-size: 3.5rem;
}

.tech-section p {
	font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 400;
    font-size: 1.75rem;
    line-height:3.15rem;
	margin-bottom: 0px;
    padding-bottom: 0px;
}
.tech-section{
/* 	padding-bottom: 1.5rem;
    padding-top: 1.5rem; */
}
.pricingmidels h2{
	font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 700;
    font-size: 3.5rem;
    text-align: center;
}
.pricingboxhome h3{
	    font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 700;
    font-size: 2rem;
    line-height: 3rem;
	padding-bottom:1rem;
	text-align:justify;
}
.pricingboxhome p{
    font-family: 'SuisseIntl-Regular', sans-serif;
    font-size: 1.5rem;
    line-height: 2.75rem;
	text-align:justify;
}
/* Wrapper matches your sample design */
.logo-slider {
    padding: 0rem;
    background: #ffffff;
    max-width: 100%;
    margin: 0rem 6rem;
}

/* Each slide */
.logo-slide {
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
}

/* Logo image sizing like your sample */
.logo-slide img {
    max-height: 55px;
    width: auto;
    object-fit: contain;
    filter: grayscale(0);
    opacity: 1;
    transition: opacity 0.3s ease;
}

/* OPTIONAL: subtle hover like your sample */
.logo-slide img:hover {
    opacity: 0.8;
}
/* Guarantee Arrow Visibility */
.slick-prev:before,
.slick-next:before {
    content: "";
}

.slick-prev:before {
    content: "←";
}

.slick-next:before {
    content: "→";
}

.slick-prev:before,
.slick-next:before {
font-size: 20px;
    line-height: 1;
    color: #ffffff !important;
    opacity: 1 !important;
    font-weight: bold;
}

/* Reset Slick default icon font */
.slick-prev:before,
.slick-next:before {
    font-family: initial !important;
}

/* Arrow Buttons */
.logo-slider-wrapper .slick-prev,
.logo-slider-wrapper .slick-next {
    width: 40px;
    height: 40px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 20;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.logo-slider-wrapper .slick-next:before {
    content: '\276F' !important;   /* ❯ */
    color: #5F4442 !important;
    font-size: 15px !important;
    line-height: 1 !important;
}


.logo-slider-wrapper .slick-prev:before {
    content: '\276E' !important;   /* ❮ */
    color: #5F4442 !important;
    font-size: 15px !important;
    line-height: 1 !important;
}


.logo-slider-wrapper .slick-prev { left: -25px; }
.logo-slider-wrapper .slick-next { right: -25px; }
.slick-list{
	    margin: 0rem 4rem !important;
}
.clientlieclass h2{
	font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 700;
    font-size: 3.5rem !important;
	color:#141414;
}
.clientlieclass h3,.ourstoryhead h3,.partnersec h3,.digitaltranshead h3{
	font-family: 'SuisseIntl-Regular', sans-serif;
	font-weight: 700;
	font-style: Bold;
	font-size: 18px;
	line-height: 30px;
	padding-top: 1.5rem;
	color:#EA4234;
}
.clientlieclass p{
	font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 400;
    font-size: 1.75rem;
    line-height: 3rem;
    text-align: justify;
    color: #1D1D1B;
    padding-top: 2rem;
	line-height: 3.25rem;
    text-align: justify;
}

/* Wrapper styling */
.so-image-card {
   display: inline-block;
    border-radius: 4rem !important;
    background: #007bff;
    padding-bottom: 6rem !important;
    overflow: hidden;
}

/* Image styling */
.so-image-card img {
    display: block;
    width: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.page-id-100 p {
    font-family: 'SuisseIntl-Regular', sans-serif;
/* 	font-size: 1.5rem !important; */
/*     line-height: 3rem !important; */
}
.logo-slider-wrapper{
	margin-right: 4rem !important;
}
.icon-text-wrap {
    display: flex;
    align-items: center;
    gap: 15px;
}
.icon-box {
width: 75px;
    height: 75px;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.icon-circle {
    width: 75px;
    height: 28px;
    background: white;       
    border-radius: 50%;      
    background-color: #EA4234; 
    -webkit-mask-size: 60%;
    mask-size: 60%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}
/* -------------------------
   FOOTER WRAPPER
-------------------------- */
/* -------------------------
   FOOTER GLOBAL
-------------------------- */
.jtsi-footer {
    background: #0d1118;
    color: #fff;
    font-family: Arial, sans-serif;
}

/* -------------------------
   HEADER (LOGO + SOCIAL)
-------------------------- */
.footer-header {
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3.5rem 7.5%;
    flex-wrap: wrap;
}

/* .footer-logo img {
    height: 48px;
} */

/* SOCIAL */
.footer-social {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 10px;
}

.footer-social a {
    color: #fff;
    border: 1px solid #ffffff40;
    padding:1rem 1.5rem;
    border-radius: 50%;
    transition: .3s;
}
.footer-social a:hover {
    background: #EA4234;
}

.footer-social .footer-btn {
    border: 1px solid #fff;
    padding: 8px 20px;
    border-radius: 0rem;
    color: #fff;
    text-decoration: none;
}

/* Divider */
.footer-divider {
   background: #0d1118;
    height: 4rem;
    border: 0px;
    margin: 0px;
	overflow:visible;
}

/* -------------------------
   FOOTER MENUS
-------------------------- */
.footer-top {
    display: flex;
    justify-content: space-between;
    padding:4rem 0rem 0rem 0rem;
    flex-wrap: wrap;
    border-top: 1px solid #747474;
    margin: 0rem 7.5%;
}

.footer-col {
    width: 22%;
    min-width: 200px;
}

.footer-col h4 {
        color: #FFFFFF;
    margin-bottom: 1.5rem;
    font-family: 'SuisseIntl-Regular', sans-serif;
    font-size: 2.2rem;
    font-weight: 600;

}

.footer-menu li {
    list-style: none;
    margin-bottom: 8px;
}
.footer-menu li a {
    color: #ccc;
	text-decoration: none;
}
.footer-menu li a:hover{
	color:#EA4234;
}
/* -------------------------
   CONTACT BOX
-------------------------- */
.footer-contact-box {
    background: #fff;
    color: #000;
    padding: 25px;
    border-radius: 1rem 1rem 0 0;
    margin: 0 7.5%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/* CONTACT ITEM */
.contact-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}
.contact-item h5{
	font-family: 'SuisseIntl-Regular', sans-serif;
	font-weight: 700;
	font-style: Bold;
	font-size: 22px;
	line-height: 100%;
	letter-spacing: 0%;
}
.contact-item span{
	font-style: Bold;
}
.contact-item p{
	font-family: 'SuisseIntl-Regular', sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 2.75rem;
}
/* CIRCLE ICON BACKGROUND */
.contact-icon-circle {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #0d1118; /* dark circle */
    display: flex;
    justify-content: center;
    align-items: center;
}


.contact-icon-circle img {
    width: 22px;
    height: 22px;
}

/* TITLE + TEXT */
.contact-text h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.contact-text p {
    margin: 4px 0 0;
    line-height: 1.4;
    color: #000;
    font-size: 14px;
}

/* -------------------------
   COPYRIGHT
-------------------------- */
.footer-bottom {
    background: #EA4234;
    text-align: center;
    padding: 1rem 10px 0;
    margin: 0 7.5%;
}
.footer-bottom p{
	padding: .5rem;
}
/* -------------------------
   MOBILE RESPONSIVE
-------------------------- */
@media (max-width: 768px) {

    .footer-header {
        flex-direction: column;
        text-align: center;
    }

    .footer-social {
               justify-content: space-evenly;
        padding: 0rem;
        margin: 0rem;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-content: space-around;
        align-items: center;
    }

    .footer-top {
        flex-direction: column;
        text-align: center;
    }

    .footer-col {
        width: 100%;
        margin-bottom: 25px;
    }

    .footer-contact-box {
        margin: 20px;
        flex-direction: column;
    }

    .contact-item {
        width: 100%;
    }
}
.colorred{
	color:#EA4234;
}
/* Make footer a layered container */
.jtsi-footer {
    position: relative;
    overflow: visible;
}

/* OVERLAY SECTION: hidden initially */
.footer-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    /* overlay visual effect */
    background: transparent; /* optional dark overlay */
  padding: 0rem;
    border-radius: 20px;
    margin-bottom: 0rem !important;
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition: opacity .4s ease, transform .4s ease;
    z-index: 50; /* stays on top */
}

/* SHOW overlay on hover */
.jtsi-footer:hover .footer-overlay {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* Keep the rest of footer visible normally */
.footer-top,
.footer-header {
    position: relative;
    z-index: 1;
}
.digitaltrancontent ul li{
	    line-height: 3.75rem;
}
.digitaltrancontent {
	text-align:justify;
}
.digitaltrancontent ul{
	    padding-left: 3rem;
}


/* Responsive Tweaks */
@media (max-width: 768px) {
    #pg-100-1 {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
}

@media (max-width: 480px) {
    #pg-100-1 {
        grid-template-columns: 1fr;
    }
}
	/* ============================
   MOBILE DEVICES (Portrait)
   Max width: 480px
============================ */
@media (max-width: 480px) {

    .hero h1 {
        font-size: 1.8rem;
    }

    header .logo {
        font-size: 1.2rem;
    }

    nav ul {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .services h2 {
        font-size: 1.5rem;
    }

    .service-card {
        padding: 1.2rem;
    }
}


/* ============================
   SMALL DEVICES (Large phones)
   Max width: 576px
============================ */
@media (max-width: 576px) {

    .hero {
        padding: 3rem 1rem;
    }

    .hero p {
        font-size: 1rem;
    }

    .btn-primary {
        padding: 0.7rem 1.5rem;
        font-size: 0.9rem;
    }

    .services-grid {
        grid-template-columns: 1fr;
    }
	.cpabilitiesbgmaingrid {
		padding:1rem !important;
	}
}


/* ============================
   MEDIUM DEVICES (Tablets)
   Max width: 768px
============================ */
@media (max-width: 768px) {

    .menu-toggle {
        display: block;
    }

    nav ul {
        display: none;
        width: 100%;
        margin-top: 1rem;
        background: #0a2e4b;
        flex-direction: column;
        padding: 1rem 0;
    }

    nav ul.show {
        display: flex;
    }

    .hero h1 {
        font-size: 2.2rem;
    }

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


/* ============================
   LARGE DEVICES (Small laptops)
   Max width: 992px
============================ */
@media (max-width: 992px) {

    header {
        padding: 1rem;
    }

    nav ul {
        gap: 1rem;
    }

    .hero {
        padding: 4rem 1.5rem;
    }

    .service-card {
        padding: 1.4rem;
    }
}


/* ============================
   EXTRA LARGE DEVICES (Large screens)
   Max width: 1200px
============================ */
@media (max-width: 1200px) {

    .hero h1 {
        font-size: 2.3rem;
    }

    .services h2 {
        font-size: 1.8rem;
    }
}