/*Styles - About page*/
#aboutBanner .blackopac-one {
    /* background: rgba(0, 0, 0, 0.45); */
    background: rgba(0, 64, 255, 0.14);
}
#aboutBanner .flexbox {
	justify-content: center;
}
#aboutBanner .swcontainer-wrapper {
	align-self: center;
	max-width: 850px;
	text-align: center;
}
.aboutpg h1 {
	color: #FFF;
	font-size: 60px;
	line-height: 78.5px;
}
#aboutBanner .secDesc {text-align: center;}
#aboutIntro {
    padding: 79px 0 74px;
    background: #fff;
    text-align: center;
}
.aboutpg .secTitle {
	font-size: 40px;
	line-height: 54.756px;
	text-align: center;
}
#aboutIntro .secTitle {
    padding: 0 20px;
    margin-bottom: 25px;
}
#aboutIntro .secDesc p {
	color: #212D3F;
	text-align: center;
	font-size: 20px;
	line-height: 34px;
}
.aboutpg .secButton {
	border-radius: 22px;
	background: #1162D5;
	width: 185px;
	height: 44px;
	padding: 0;
	font-size: 16px;
	line-height: 44px;
	margin-top: 45px;
	border: 0;
}
.aboutpg .secButton:hover {
    background: #385c96;
    color: #fff;
}
#aboutIntro .swcontainer-wrapper {
    max-width: 1033px;
    margin: 0 auto;
}
#aboutCompanyStory {
    background: #fff;
    padding-bottom: 151px;
}
#aboutCompanyStory .swcontainer {
    max-width: 1376px;
}
.cpStory-row-cols {
    width: 50%;
    overflow: hidden;
}
.cpStory-row-cols-right {
	background: rgba(217, 217, 217, 0.2);
	padding: 101px 70px;
}
.cpStory-row-cols .secDesc p {
    color: #212D3F;
    font-size: 20px;
    line-height: 33.772px; /* 187.62% */
}
#aboutCompanyStory .secTitle {
    margin-bottom: 47px;
}
.oddstory .cpStory-row-cols-left, .evenstory .cpStory-row-cols-right {
	order: 2;
}
.oddstory .cpStory-row-cols-right, .evenstory .cpStory-row-cols-left {
	order: 1;
}
.cpStory-row-cols-right .flexbox {
	height: 100%;
}
.cpStory-row-cols-right .flexbox .secDesc {
	align-self: center;
}
.cpStory-row-cols-left img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: top center;
}

#facts-figures {
    background: rgba(234, 253, 253, 0.5);
    padding: 83px 0 90px;
}
#facts-figures .secTitle {
	margin-bottom: 44px;
}
.factsList {
	padding: 0 98px;
}
.factsList.flexbox {
	column-gap: 2.5%;
	justify-content: center;
	row-gap: 52px;
}
.factsListBox {
	width: 23%;
}
.factsListBox {
	width: 23%;
	border-radius: 10px;
	border: 1px solid rgba(135, 135, 135, 0.3);
	text-align: center;
	padding: 38px 30px;
	background: transparent;
	transition: 250ms all ease-in-out;
}
.factsListBox img {
	display: inline-block;
	margin-bottom: 15px;
    max-width: 127px;
}
.factsListBox:hover .facticon {
	transform: scale(1.03);
}
.factsListBox p {
    color: #000;
    font-size: 20px;
    line-height: 30px;
    margin-top: 10px;
}
.factsListBox p.factnumber {
    font-size: 35px;
    line-height: 50px;
    font-family: 'Glacial Indifference Bold';
}
.factsListBox:hover {
	background: #fff;
}

#whyskytraacs {
    padding: 101px 49px;
    background: #fff;
}
.whyskytraacs-Cols {
	width: 50%;
	align-self: center;
	overflow: hidden;
}
.whyskytraacs-Cols img {
	border-radius: 8px;
}
#whyskytraacs .secTitle { 
    text-align: center; 
    padding-bottom: 64px;
}
#whyskytraacs-Right {
	padding-left: 88px;
}
#whyskytraacs-Right .secDesc p {
	color: #212D3F;
	font-size: 20px;
	line-height: 35px;
}

#agility {
    padding: 75px 0 100px;
    background: #F7F7F7;
}
#agility .secTitle {
	text-align: center;
	color: #000;
	font-size: 36.123px;
	line-height: 46.003px;
	font-family: 'Glacial Indifference';
}
#agility .secDesc p {
    color: #212D3F;
    font-size: 20px;
    line-height: 35px; /* 180% */
}


/*Tabs*/
.tab__container {
    background: #fff;
  /*  width: 75vw;*/
    margin: auto;
    border-radius: 5px;
    max-width: 100%;
  }
  .tab__title {
      margin: 47px 0 0;
      border: 1px solid #ffffff52;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      column-gap: 0;
  }
  .tab__title .tab__button:first-of-type, .tab__title .officetab__button:first-of-type {
    /* margin: 0; */
  }
  .tab__title .tab__button, .tab__title .officetab__button {
      flex: 1 0 0;
      align-self: flex-start;
      align-self: stretch;
      padding: 11px 10px;
      border: 0;
      background: transparent;
      outline: none;
      margin: 0;
      cursor: pointer;
      /*  width: 25%;*/
      color: #fff;
      font-size: 19px;
      font-style: normal;
      font-weight: 400;
      line-height: 33px;
      opacity: 0.8;
      transition: 250ms all ease-in-out;
      border-right: 1px solid #ffffff52;
  }
  .tab__title .tab__button:last-child, .tab__title .officetab__button:last-child { border-right: 0; }
  .tab__title .tab__button:hover, .tab__title .officetab__button:hover {opacity: 1;}
  
  .tab__title .tab__button img, .tab__title .officetab__button img {
  /*  height: 25px;*/
    max-height: 56px;
    display: block;
    margin: 0px auto 5px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: filter 0.3s ease;
  }
  .tab__title .tab_button-active {
      background: #fff;
      color: #003a79;
      opacity: 1;
  }
  .tab__title .tab_button-active img {
    filter: none;
  }
  
  .tab__inside, .officetab__inside {
  /*  display: grid;
    grid-template-columns: repeat(2, 1fr);*/
    visibility: hidden;
    opacity: 0;
    height: 0;
    transform: translateY(-500%);
    transition: transform 0.3s ease-in;
    display: flex;
    display: none;
  }
  .tab__inside .tab__inside-img, .officetab__inside .tab__inside-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
  }
  .tab__inside .tab__inside-img img, .officetab__inside .tab__inside-img img {
    height: 150px;
    display: block;
    margin: 0 auto;
  }
  .tab__inside .tab__inside-text, .officetab__inside .tab__inside-text {
  /*  display: flex;*/
    flex-direction: column;
    justify-content: center;
    align-content: center;
  }
  .tab__inside .tab__inside-text p, .officetab__inside .tab__inside-text p {
      color: #545454;
      font-size: 14px;
      font-weight: 100;
      color: #3A3D4F;
      font-size: 19px;
      font-style: normal;
      font-weight: 400;
      line-height: 30px;
      letter-spacing: 0.38px;
      padding: 0;
  }
  .tab__inside .tab__inside-text a.secButton, .officetab__inside .tab__inside-text a.secButton {
      border: none;
      cursor: pointer;
      background: #18058B;
      width: 175px;
      color: #fff;
      height: 73px;
      transition: 250ms all ease-in-out;
      line-height: 40px;
  }
  .tab__inside .tab__inside-text a.secButton:hover, .officetab__inside .tab__inside-text a.secButton:hover {
    background: #FF7266;
    color: #510E08;
  }
  
  .tab__inside-active, .officetab__inside-active {
      visibility: visible;
      opacity: 1;
      height: 100%;
      transform: translateY(0);
      transition: transform 0.3s ease-out 0.1s, opacity 0.3s ease-out 0.1s;
      display: flex;
  }

#leadership {
    padding: 80px 0 120px;
    background: #fff;
}
#leadership .secTitle {
    text-align: center;
}
#directorsList {
    display: block;
    margin-top: 31px;
    padding: 60px 133px;
    background: linear-gradient(180deg, #007BC2 0%, #1162D5 100%);
}
#directorsList > .flexbox {
	justify-content: space-between;
}
.directorsList-Cols {
	/* width: 50%; */
    width: 100%;
}
#directorsList-Col-Left {
	padding-right: 106px;
	padding-top: 25px;
    order: 2;
}
#directorsList-Col-Right {
	order: 1;
}
#directorsList-Col-Right .flexbox {
	justify-content: space-between;
	/* column-gap: 3%; */
    column-gap: 2%;
	row-gap: 5px;
}
.dir-name {
	color: #FFF;
	font-family: 'Glacial Indifference Bold';
	font-size: 18.795px;
	line-height: 23.936px;
    margin-top: 17px;
}
.dir-desig {
	color: #FFF;
	font-size: 14px;
	line-height: 19.957px;
	margin-top: 10px;
}
.tab__button.directorsBox {
	/* width: 45%; */
    width: 23%;
	border: 1px solid transparent;
	/* padding: 25px 34px; */
    padding: 25px 27px;
	cursor: pointer;
	height: fit-content;
    transition: 300ms all ease-in-out;
}
.tab__button.directorsBox.tab_button-active {
	border-color: #ffffff7c;
    padding: 0;
}
.tab__button.directorsBox:hover {
	border-color: #ffffff7c;
}
.tab__button.directorsBox.tab_button-active .dir-name, .tab__button.directorsBox.tab_button-active .dir-desig {
	padding: 0 15px 15px;
}
#directorsList-Col-Left .tab__inside-active {
	flex-wrap: wrap;
	flex-direction: column;
}
#directorsList-Col-Left .dir-name {
	color: #FFF;
	font-size: 36.084px;
	line-height: 46.79px;
	margin-bottom: 15px;
	margin-top: 0;
}
#directorsList-Col-Left .dir-desig {
	margin-bottom: 22px;
	margin-top: 0;
    font-size: 17px;
    line-height: 25px;
}
#directorsList-Col-Left .tab__inside .tab__inside-text .secDesc p {
	color: #FFF;
	font-size: 18px;
	line-height: 28.831px;
	letter-spacing: 0;
    padding-bottom: 20px;
}
#directorsList-Col-Left .tab__inside .tab__inside-text .secDesc p:last-child {
	padding-bottom: 0;
}
.dir-image img {
	display: inline-block;
	vertical-align: top;
}

#freeDemo {
    padding-bottom: 92px;
}
#freeDemo .flexbox {
    padding: 0 99px;
}
#freeDemo .secTitle {
	font-family: Glacial Indifference;
	text-align: left;
	padding-bottom: 18px;
}
.freeDemo-Cols {
	width: 50%;
	align-self: center;
	overflow: hidden;
}
#freeDemo-Cols-Right {
    padding-left: 60px;
}
#freeDemo .secDesc {
	max-width: 582px;
	width: 100%;
}
#freeDemo .secDesc p {
	color: #212D3F;
	font-size: 20px;
	line-height: 36px;
}
#freeDemo img {
	border-radius: 14px;
}

#offices {
	padding-bottom: 111px;
    background: #fff;
}
.officetab__title {
	display: block;
}
.officetab__title .flexbox {
	justify-content: center;
    column-gap: 56px;
}
.officetab__title .tab__button, .officetab__title .officetab__button {
	color: #000;
	font-size: 18px;
	line-height: 39.887px;
	letter-spacing: 2.3px;
	text-transform: uppercase;
	background: transparent;
	border: 0;
	border-bottom: 2px solid transparent;
	outline: 0;
	cursor: pointer;
	transition: 250ms all ease-in-out;
	margin-bottom: 10px;
}
.officetab__title .tab__button.tab_button-active, .officetab__title .tab__button:hover, .officetab__title .officetab__button.tab_button-active, .officetab__title .officetab__button:hover {
	border-bottom: 2px solid #1162D5;
}
#officeData {
	margin-top: 38px;
	background: rgba(230, 242, 250, 0.89);
	padding: 44px 57px;
}
#officeData .tab__inside > .flexbox, #officeData .officetab__inside > .flexbox {
	column-gap: 2%;
	justify-content: space-between;
}
.officeData-Cols-Left {
	width: 40%;
	background: #fff;
	padding: 46px 38px;
}
.officeData-Cols-Right {
	width: 58%;
}
.officeData-Cols .mapLocationCols-Right-rows .flexbox {
	flex-wrap: nowrap;
}
.officeData-Cols .mapLocationCols-Right-rows svg {
	max-width: 43px;
	max-height: 43px;
	transform: translateY(9px);
}
.officeData-Cols .mapLocationCols-Right-rows.loc .mapLocation-icon svg {
	/* transform: translateX(6px); */
	/* translate: 6px 9px; */
}
.officeData-Cols .mapLocationCols-Right-rows .mapLocation-data {
	padding-top: 14px;
}
.officeData-Cols-Right img {
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.officeData-Cols .mapLocationCols-Right-rows .mapLocation-data p, .officeData-Cols .mapLocationCols-Right-rows .mapLocation-data a {
	display: inline-block;
	width: 100%;
}


#mapLocation {
	margin-bottom: 30px;
}
#mapLocation > .flexbox {
	column-gap: 2%;
}
.mapLocationCols {
	background: #D8D8D81C;
	flex: 1 auto;
	width: 100%;
	justify-content: space-between;
	overflow: hidden;
}
#mapLocationCols-Left {
	max-width: 1194px;
	max-width: 59%;
	text-align: right;
}
#mapLocationCols-Right {
	max-width: 701px;
	max-width: 39%;
	padding: 115px 119px 110px 99px;
}
#mapLocationCols-Left img {
	padding: 19px 6px 16px 0;
}
.mapLocationCols-Right-rows {
	display: block;
	width: 100%;
	margin-bottom: 30px;
}
.mapLocationCols-Right-rows:last-child { margin-bottom: 0; }
.mapLocation-icon {
	width: 62px;
	text-align: center;
	margin-right: 49px;
}
/* .mapLocationCols-Right-rows.loc .mapLocation-icon svg {
	transform: translateX(-6px);
} */
#mapLocationCols-Right > .flexbox {
	height: 100%;
  	justify-content: space-between;
}
.mapLocation-data a, .mapLocation-data p, .gccCols {
	color: #000;
	font-size: 20px;
	line-height: 30.887px;
}
.mapLocation-data a:hover {
	color: #18058B;
}
.mapLocationCols-Right-rows.emai .mapLocation-data p {
	margin-bottom: 8px;
}
.mapLocationCols-Right-rows.emai .mapLocation-data p:last-child {
	margin-bottom: 0;
}
.mapLocationCols-Right-rows.tel .mapLocation-data p {
	margin-bottom: 19px;
	/* display: inline-grid; */
}
.mapLocationCols .mapLocationCols-Right-rows .flexbox {
	flex-wrap: nowrap;
}
#whyskytraacs-Content {
	text-align: left;
	display: block;
	width: 100%;
}
.whyskytraacs-Content-img {
	display: block;
	text-align: center;
	float: left;
	width: auto;
	padding: 0 40px 30px 0;
	max-width: 700px;
}
#whyskytraacs-Content img {
	display: inline-block;
}
#whyskytraacs-Content p {
	display: block;
	padding-bottom: 20px;
	font-size: 20px;
	line-height: 34px;
}
#whyskytraacs-Content p:first-child { padding-top: 30px; }
#whyskytraacs-Content p:last-child { padding-bottom: 0; }


@media only screen and (max-width: 1680px) {
    #directorsList-Col-Right .flexbox {
        height: 100%;
        row-gap: 60px;
    }
}
@media only screen and (max-width: 1600px) {
    .aboutpg h1 {
        font-size: 75px;
        line-height: 87.5px;
    }
    .aboutpg .secTitle {
        font-size: 36px;
        line-height: 54.756px;
    }
    .factsListBox p.factnumber {
        font-size: 38px;
        line-height: 58px;
    }
    #agility .secTitle {
        font-size: 35.123px;
    }
    /* #directorsList-Col-Left .dir-name {
        font-size: 57.084px;
        line-height: 75.79px;
    } */
    #freeDemo .secTitle {
        font-size: 34px;
        line-height: 47px;
    }
    .officetab__title .tab__button, .officetab__title .officetab__button {
        font-size: 22px;
    }
    .mapLocation-data a, .mapLocation-data p, .gccCols {
        font-size: 20.774px;
    }
    .mapLocation-icon {
        width: 100%;
        margin-right: 0;
    }
    .mapLocation-data {
        text-align: center;
        width: 100%;
    }
    #mapLocationCols-Right {
        padding: 100px 90px;
    }
    .mapLocationCols .mapLocationCols-Right-rows .flexbox, .officeData-Cols .mapLocationCols-Right-rows .flexbox {
        flex-wrap: wrap;
        justify-content: center;
    }

}
@media only screen and (max-width: 1440px) {
    #aboutBanner {
        background-position: top center;
    }
    .aboutpg h1 {
        font-size: 70px;
        line-height: 87.5px;
    }
    .innerpgBanner .headSubTitle {
        font-size: 40px;
        line-height: 73.8px;
    }
    .aboutpg .secTitle {
        font-size: 36px;
        line-height: 54.756px;
    }
    .factsList {
        padding: 0 48px;
    }
    .factsListBox img {
        max-width: 120px;
    }
    .factsListBox p.factnumber {
        font-size: 36px;
        line-height: 56px;
    }
    #directorsList {
        padding: 60px 93px;
    }
    #directorsList-Col-Left {
        padding-right: 70px;
    }
    .officetab__title .tab__button, .officetab__title .officetab__button {
        font-size: 18px;
    }
    .officetab__title .flexbox {
        column-gap: 50px;
    }
    .officeData-Cols .mapLocation-icon {
        margin-right: 0;
    }
    #aboutIntro .secDesc p {
        font-size: 20px;
    }
    .whyskytraacs-Cols, .freeDemo-Cols {
        align-self: flex-start;
    }
    .tab__button.directorsBox {
        padding: 25px 17px;
    }
    #mapLocationCols-Right {
        padding: 25px 70px;
    }
    .mapLocationCols-Right-rows {
        width: auto;
      }
      .mapLocationCols-Right-rows.loc .mapLocation-icon svg {
        transform: translateX(0);
      }
      .mapLocationCols-Right-rows .mapLocation-icon svg {
        max-height: 62px;
      }
      #mapLocationCols-Left, #mapLocationCols-Right {
        max-width: 100%;
    }
    .mapLocation-data a, .mapLocation-data p, .gccCols {
        font-size: 20px;
    }
    #mapLocationCols-Left {
        text-align: center;
        padding-top: 35px;
    }
    #mapLocationCols-Left img {
        display: inline-block;
        vertical-align: top;
        max-width: 80%;
        width: 850px;
    }
    #offices {
        padding-bottom: 51px;
    }
    .officeData-Cols .mapLocationCols-Right-rows {
        width: 100%;
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 1410px) {
    .freeDemo-Cols {
        width: 100%;
    }
    #freeDemo .flexbox {
        padding: 0;
        justify-content: center;
        text-align: center;
    }
    #freeDemo-Cols-Left {
        padding-bottom: 40px;
    }
    #freeDemo img {
        display: inline-block;
    }
    #freeDemo-Cols-Right {
        padding-left: 0;
    }
    #freeDemo .secTitle {
        text-align: center;
    }
    #freeDemo .secDesc {
        max-width: 100%;
    }

}
@media only screen and (max-width: 1367px) {
    #directorsList-Col-Left .dir-name {
        /* font-size: 53.084px;
        line-height: 72.79px; */
    }
    #directorsList {
        padding: 60px 51px;
    }
}

@media only screen and (max-width: 1280px) {
    #mapLocationCols-Left, #mapLocationCols-Right {
        max-width: 100%;
    }
    .mapLocation-data a, .mapLocation-data p, .gccCols {
        font-size: 19px;
    }
    #directorsList {
        padding: 60px 30px;
    }
    #directorsList-Col-Right .flexbox {
        column-gap: 1%;
    }
    .tab__button.directorsBox {
        padding: 15px 10px;
        width: 24%;
    }

}
@media only screen and (max-width: 1200px) {
    #aboutCompanyStory .swcontainer {
        max-width: 66%;
    }
    #aboutCompanyStory {
        padding-bottom: 101px;
    }
    .cpStory-row-cols {
        width: 100%;
    }
    .oddstory .cpStory-row-cols-left, .evenstory .cpStory-row-cols-right {
        order: 1;
    }
    .cpStory-row {
        margin-bottom: 30px;
    }
    .cpStory-row-cols-right {
        padding: 51px 50px 57px;
    }
}
@media only screen and (max-width: 1160px) {
    .whyskytraacs-Content-img {
        width: 100%;
        padding: 0 0 40px 0;
        max-width: 100%;
    }
}
@media only screen and (max-width: 1080px) {
    .mapLocationCols-Right-rows {
      width: 100%;
      margin-bottom: 50px;
    }
    .tab__button.directorsBox {
        width: 46%;
        padding: 20px;
    }
  }
@media only screen and (max-width: 1025px) {
    .officetab__title .tab__button, .officetab__title .officetab__button {
        font-size: 18px;
    }
    .officeData-Cols {
        width: 100%;
    }
    .aboutpg h1 {
        font-size: 65px;
        line-height: 86.5px;
    }
    .aboutpg .secTitle {
        font-size: 40px;
        line-height: 65.756px;
    }

    .factsListBox {
        width: 31%;
    }
    .factsListBox p.factnumber {
        font-size: 32px;
    }
    .whyskytraacs-Cols {
        width: 100%;
    }
    #whyskytraacs-Right {
        padding-left: 0;
        padding-top: 40px;
    }
    .directorsList-Cols {
        width: 100%;
    }
    #directorsList-Col-Left {
        padding-right: 0;
        order: 2;
    }
    #directorsList-Col-Right {
        order: 1;
    }
    #directorsList-Col-Left .dir-name {
        /* font-size: 49.084px; */
    }
    .freeDemo-Cols {
        width: 100%;
    }
    #freeDemo-Cols-Right {
        padding-left: 0;
        padding-top: 40px;
        text-align: center;
    }
    #freeDemo .secTitle {
        text-align: center;
    }
    #facts-figures .secTitle {
        margin-bottom: 31px;
    }
    #directorsList-Col-Right .flexbox {
        row-gap: 30px;
    }
}

@media only screen and (max-width: 860px) {
    .factsListBox {
        width: 45%;
    }
    #directorsList-Col-Left .dir-desig {
        font-size: 16px;
    }
}

@media only screen and (max-width: 769px) {
    .aboutpg h1 {
        font-size: 62px;
    }
    .aboutpg .secTitle, #freeDemo .secTitle {
        font-size: 31px;
        line-height: 47.756px;
    }
    #aboutCompanyStory .secTitle {
        margin-bottom: 20px;
    }
    #aboutCompanyStory .swcontainer {
        max-width: 75%;
    }
    #aboutCompanyStory {
        padding-bottom: 70px;
    }
    .factsList {
        padding: 0;
    }
    #whyskytraacs {
        padding: 101px 0;
    }
    #directorsList {
        padding: 60px 46px;
    }
    #freeDemo .flexbox {
        padding: 0;
    }
    #mapLocationCols-Right {
        padding: 60px 30px;
    }
    .mapLocationCols-Right-rows .mapLocation-icon svg {
        max-width: 50px;
    }
    .innerpgBanner .headSubTitle {
        font-size: 34px;
        line-height: 51.8px;
    }
}
@media only screen and (max-width: 680px) {
    .tab__button.directorsBox {
        width: 100%;
        text-align: center;
    }
}
@media only screen and (max-width: 600px) {
    #aboutBanner {
        height: 480px;
    }
    #aboutBanner.innerpgBanner .flexbox {
        height: calc(480px - 121px);
    }
    #aboutCompanyStory .swcontainer {
        max-width: 80%;
    }
    .cpStory-row-cols-right {
        padding: 51px 50px 57px;
    }
    .factsListBox p.factnumber {
        font-size: 28px;
    }
    #whyskytraacs, #agility {
        text-align: center;
    }
    #directorsList-Col-Right .flexbox {
        column-gap: 2%;
        row-gap: 25px;
    }
    .tab__button.directorsBox {
        padding: 10px 12px;
    }
    #directorsList-Col-Left .dir-name {
        font-size: 33.084px;
        line-height: 51px;
    }
    #freeDemo .secTitle {
        font-size: 32px;
    }
    #mapLocationCols-Right {
        padding: 50px 30px;
    }
    .mapLocation-data a, .mapLocation-data p, .gccCols {
        font-size: 18.774px;
    }
    #whyskytraacs {
        padding: 61px 0 101px;
    }
    .gccCols {
        width: 100%;
    }
    #freeDemo-Cols-Left {
        padding-bottom: 0;
    }
}
@media only screen and (max-width: 500px) {
    .factsListBox {
        width: 100%;
    }
    .aboutpg h1 {
        font-size: 55px;
        line-height: 70px;
    }
    #aboutIntro .secTitle {
        padding: 0 10px;
    }
    .aboutpg .secTitle {
        font-size: 36px;
        line-height: 50.756px;
    }
    #directorsList {
        padding: 30px 25px;
    }
    #directorsList {
        margin-top: 21px;
    }
    #directorsList-Col-Left .dir-name {
        font-size: 40.084px;
        line-height: 53px;
    }
    #officeData {
        padding: 13px 7px;
    }
    .officetab__title .flexbox {
        column-gap: 33px;
    }
    .officetab__title .tab__button, .officetab__title .officetab__button {
        font-size: 16px;
    }
    #directorsList-Col-Left .dir-name {
        font-size: 29.084px;
        line-height: 44px;
    }
}
@media only screen and (max-width: 450px) {
    #directorsList-Col-Right .flexbox {
        column-gap: 0;
    }

}
@media only screen and (max-width: 428px) {
    .cpStory-row-cols-right {
        padding: 51px 30px 57px;
    }
    #agility .secTitle {
        font-size: 30.123px;
    }
    #freeDemo .secTitle {
        font-size: 29px;
    }
}